Seletor de Cores

O Seletor de Cores permite que você escolha qualquer cor e veja instantaneamente em todas as notações que provavelmente precisará para código, ferramentas de design ou impressão: HEX, RGB, RGBA, HSL, HSLA, HSV/HSB e CMYK. Escolha uma tonalidade com a amostra de cor nativa, ou digite um valor HEX diretamente, e a tabela de conversão é atualizada conforme você trabalha.

Por que tantos formatos?

Ferramentas e formatos de arquivo diferentes esperam cores em notações diferentes, e eles não são intercambiáveis sem conversão:

• HEX (#464AFF) é a notação abreviada usada em quase toda parte na web — CSS, HTML e ferramentas de design.
• RGB (rgb(70, 74, 255)) e RGBA (com um canal alfa/opacidade) são os valores que CSS, APIs de canvas e a maioria das bibliotecas gráficas usam por baixo.
• HSL (hsl(239, 100%, 64%)) e HSLA descrevem a cor como matiz, saturação e luminosidade — o modelo mais intuitivo para ajustar uma cor manualmente ("tornar um pouco mais clara" é apenas aumentar L), comum em sistemas de design e propriedades customizadas de CSS.
• HSV/HSB (matiz, saturação, valor/brilho) é o modelo usado pela maioria dos seletores de cores em editores de imagem como Photoshop e GIMP.
• CMYK (ciano, magenta, amarelo, chave/preto) é o modelo subtrativo usado na produção de impressão — se você está enviando um design para uma gráfica, eles quererão CMYK, não RGB.

Ter todos os sete lado a lado significa que você nunca precisa procurar por um conversor separado quando recebe uma cor em um formato e precisa dela em outro.

Como usar

1. Clique na amostra de cor para abrir o seletor de cores nativo do seu navegador, ou digite um código HEX (com ou sem o # à frente) diretamente no campo.
2. A tabela é atualizada imediatamente com a mesma cor em notação HEX, RGB, RGBA, HSL, HSLA, HSV e CMYK.
3. Copie o valor de qualquer linha da tabela, ou use as ações copiar/baixar do cartão de saída para obter a tabela inteira como CSV.

Tanto a notação abreviada de 3 dígitos (#abc) quanto a hex completa de 6 dígitos (#aabbcc) são aceitas; a notação abreviada é normalizada para seu equivalente de 6 dígitos antes da conversão.

FAQ

Por que meus percentuais HSV e HSL diferem para a mesma cor? HSL e HSV são dois modelos matemáticos diferentes construídos a partir dos mesmos valores RGB — eles compartilham o ângulo de matiz, mas calculam a saturação de forma diferente, e a "luminosidade" do HSL não é o mesmo eixo que o "valor/brilho" do HSV. Ambos são válidos; qual você precisa depende de qual ferramenta ou especificação você está correspondendo.

Por que CMYK é uma aproximação? A conversão RGB→CMYK usa a fórmula naive padrão (K = 1 - max(R,G,B)/255, depois derivando C/M/Y dela) — a mesma linha de base usada pela maioria dos conversores on-line. A saída de impressão do mundo real também depende do perfil de tinta e do tipo de papel da sua impressora, então trate os valores CMYK como uma estimativa próxima, não uma correspondência de impressão garantida.

O canal alfa em RGBA/HSLA significa algo? O seletor sempre produz opacidade total (1), já que uma amostra de cor simples não tem conceito de transparência — as linhas RGBA/HSLA apenas fornecem a sintaxe correta pronta para editar se você precisar de um valor alfa específico.

Privacidade

Toda conversão de cores acontece localmente no seu navegador — a cor que você escolhe nunca é enviada para um servidor ou registrada em qualquer lugar.