Seletor de cores e conversor de códigos

Escolha uma cor ou cole um código: conversão na hora para HEX, RGB, HSL e CMYK, conta-gotas de tela, tons e contraste. Grátis, no seu navegador.

Grátis
Sem cadastro
Nenhum arquivo enviado
Windows, Mac, Android, iPhone

Carregando a ferramenta…

Compartilhar esta ferramenta

Sobre esta ferramenta

Você tem um código HEX e precisa de RGB para um programa, HSL para uma folha de estilo ou CMYK para a gráfica? Escolha a cor ou cole o código: os quatro formatos aparecem juntos, cada um com um botão Copiar. O conta-gotas captura uma cor de qualquer lugar da tela.

Quando usar

Passar de um programa a outro

Um código HEX de um layout para digitar em RGB num programa de escritório, ou o contrário.

Preparar uma impressão

Obtenha um primeiro valor CMYK de uma cor de tela, para confirmar com a gráfica.

Encontrar uma cor

Capture com o conta-gotas a cor de um logotipo ou de uma página na tela.

Como usar

Escolha uma cor no seletor, ou cole um código ou nome de cor.
Veja a cor em HEX, RGB, HSL e CMYK.
Copie o formato de que precisa.
Use, se precisar, o conta-gotas, os tons ou a verificação de contraste.

Como funciona

As conversões são calculadas no seu navegador: HSL a partir do matiz, da saturação e da luminosidade da cor RGB; CMYK pela fórmula teórica, sem perfil ICC. Os nomes CSS (“tomato”, “navy”…) são lidos pelo próprio navegador.

O conta-gotas usa a API EyeDropper, disponível no Chrome e no Edge para computador. O contraste com branco e preto segue a fórmula WCAG 2.

Dicas para um melhor resultado

Para texto sobre fundo branco, procure um contraste de pelo menos 4,5:1 (nível AA).
O HSL facilita variações: mude só a luminosidade para um tom mais claro ou mais escuro.
Para impressão profissional, use o perfil CMYK da gráfica em vez de uma conversão teórica.
Para combinar várias cores que combinam entre si, passe para o gerador de paletas.

Problemas comuns e soluções

O conta-gotas não aparece

Ele só existe no Chrome e no Edge para computador. Em outros casos, faça uma captura de tela e use “Cores de uma imagem”.

O CMYK impresso não fica igual à tela

A tela mistura luz e a impressora mistura tinta: algumas cores vivas não podem ser impressas. Peça uma prova à gráfica.

Meu código não é reconhecido

Confira o formato: #rrggbb, rgb(r, g, b), hsl(m, s%, l%) ou cmyk(c%, m%, y%, k%).

Perguntas frequentes

Qual a diferença entre HEX e RGB?

É a mesma cor escrita de outro jeito: o HEX dá os valores de vermelho, verde e azul em hexadecimal; o RGB, em números de 0 a 255.

O CMYK é exato?

É uma conversão teórica. O resultado impresso depende do papel, das tintas e do perfil da gráfica.

Posso digitar um nome de cor?

Sim, todos os nomes CSS são aceitos: “tomato”, “navy”, “rebeccapurple”…

Como capturo uma cor da tela?

Com o botão conta-gotas, no Chrome ou no Edge para computador: depois clique em qualquer lugar da tela.

Minhas cores são enviadas?

Não, tudo é calculado no seu navegador; a última cor fica no seu navegador para a próxima visita.

Pesquisas relacionadas

Ainda com problema?

Pergunte no fórum: a categoria, a ferramenta, a ficha do seu dispositivo e o resultado do teste são preenchidos para você.