Seletor de Cores

Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.

Cor

Saída

Ferramentas Sugeridas

HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.
HEX ↔ HSV
Converta cores entre HEX e HSV para edição por matiz e tools gráficas.

Seletor de Cores mostra um swatch ao vivo e códigos exportáveis para UI.

Ajuste o seletor, copie os valores e cole-os na folha de estilos ou tokens do Figma.

Ativa o JavaScript.