Como converter uma cor
- Toque no quadrado de cor para escolher uma, ou digite-a no campo de texto.
- Você pode digitá-la em HEX (#1e90ff), em rgb(), em hsl() ou pelo nome em inglês.
- Veja a cor na visualização e seus equivalentes em HEX, RGB, HSL e CMYK.
- Copie o formato de que precisar e confira o contraste com texto branco ou preto.
Para que serve
Designers e desenvolvedores costumam passar uma cor de um formato para outro: o HEX de uma paleta, o rgb() de uma folha de estilos, o HSL para criar variações mais claras ou escuras. Esta ferramenta faz isso em um passo.
Ela também calcula o contraste da cor com texto branco e com texto preto, segundo as diretrizes de acessibilidade WCAG: 4,5 para 1 para atender ao nível AA e 7 para 1 para o nível AAA com texto normal.
O CMYK é uma conversão simples, útil como referência; para impressão profissional, convém usar o perfil de cor do seu programa de design.
O que você deve saber
- O CMYK é calculado com a fórmula padrão a partir do RGB, sem perfil de cor, então pode diferir do que você verá impresso.
- Os nomes de cor funcionam em inglês (red, tomato, navy…).
- O seletor nativo pode ter aparência diferente conforme o navegador e o dispositivo.
Perguntas frequentes
Como converto de HEX para RGB?
Digite o HEX (por exemplo #1e90ff) e a ferramenta mostra na hora o rgb() equivalente, junto com o HSL e o CMYK.
O que é o contraste WCAG?
É uma medida de quão legível é um texto sobre um fundo. Uma proporção de 4,5 para 1 atende ao nível AA e de 7 para 1, ao AAA, para texto normal.
Aceita cores com transparência?
Sim: você pode digitar #rrggbbaa, rgba() ou hsla() e elas também são mostradas com a transparência.
Algo é enviado para um servidor?
Não. Tudo é calculado no seu navegador.
É grátis?
Sim, é grátis, não pede cadastro e funciona direto no navegador.