Publicidade
Ferramenta de design · Ao vivo

Seletor de cores

Escolha qualquer cor e veja na hora os valores HEX, RGB e HSL. Clique em qualquer chip para copiar.

Entrada

Resultado

Publicidade

O que é um seletor de cores?

Um seletor de cores permite escolher qualquer cor visualmente e ver seus valores em diferentes formatos — HEX para código, RGB para a lógica de mistura de tintas, HSL para escolher relações entre cores. Cada formato descreve exatamente o mesmo pixel na tela.

Os três formatos explicados

FormatoExemploCaso de uso
HEX#2563EBCSS, ferramentas de design, código
RGBrgb(37, 99, 235)Trabalho em nível de pixel, opacidade (rgba)
HSLhsl(220, 83%, 53%)Escolher variantes de cor de forma intuitiva