A cor que eu escolho é enviada para um servidor?

Não. As contas de HEX para RGB e de RGB para HSL rodam inteiramente no seu navegador. Nenhuma requisição de rede é feita e nada sobre a sua seleção é registrado.

Quais formatos de cor a ferramenta aceita e produz?

A entrada é um código hexadecimal de 6 dígitos (#RRGGBB), digitado ou escolhido no seletor nativo do navegador. A saída mostra as três notações: HEX, rgb(r, g, b) e hsl(h, s%, l%).

Por que eu usaria HSL em vez de RGB?

O HSL separa matiz, saturação e luminosidade, então fica fácil derivar cores relacionadas — mantenha o matiz e ajuste a luminosidade para estados de hover, ou desloque o matiz para cores de destaque. O RGB mistura os três em valores de canal.

Seletor de Cores — HEX, RGB, HSL

Visão geral

Quem desenvolve traduz cores entre notações o tempo todo: designers entregam HEX, o CSS cada vez mais favorece HSL, e código de canvas ou de imagem trabalha em RGB. Esta ferramenta pega uma cor — escolhida visualmente ou digitada como código hexadecimal — e mostra as três notações lado a lado, com uma amostra de pré-visualização ao vivo, para você transitar entre ferramentas de design e folhas de estilo sem calculadora.

Como usar

Clique na amostra Pick color para abrir o seletor de cores nativo do navegador, ou digite um código como #0060c0 no campo de texto.
Leia os valores sincronizados de HEX, RGB e HSL, com a cor exibida na amostra Preview.
Se o texto não for um código válido de 6 dígitos, a mensagem Enter a valid #RRGGBB hex color aparece até que ele seja corrigido.

Exemplos

#0060c0 → rgb(0, 96, 192) / hsl(210, 100%, 38%)
#ffffff → rgb(255, 255, 255) / hsl(0, 0%, 100%)

Observações

Só a forma de 6 dígitos #RRGGBB é interpretada — valores abreviados (#fff) e de 8 dígitos com alfa (#RRGGBBAA) não são aceitos. Os valores de HSL são arredondados para números inteiros, como normalmente se escreve em CSS.