Como funciona
Digite uma cor em qualquer formato comum ou use o seletor. Você recebe a mesma cor em HEX, RGB, HSL e CMYK, a taxa de contraste com texto branco e preto junto com o nível WCAG correspondente, e uma fileira de tons mais claros e mais escuros que você pode tocar para explorar.
Taxa de contraste = (L1 + 0,05) ÷ (L2 + 0,05), em que L é a luminância relativa
Como ler os níveis de contraste
- AAA (7:1 ou mais): legibilidade excelente para o texto principal.
- AA (4,5:1 ou mais): o mínimo para texto normal em sites.
- AA grande (3:1 ou mais): apenas para títulos grandes ou em negrito e ícones.
- Abaixo de 3:1: difícil de ler para muitas pessoas.
Dicas
- Os valores CMYK são uma conversão simples; gráficas usam perfis de cor, então confira uma prova para obter as cores exatas de impressão.
- HEX de 8 dígitos e rgba() incluem transparência.
- Clique em qualquer valor para copiá-lo.
Padrões e fontes
- Os valores de cor seguem o CSS Color Module Level 4 (sRGB)
- As taxas e níveis de contraste seguem as WCAG 2.2 (W3C)
Última revisão 7 de outubro de 2026
Perguntas frequentes
Como converto HEX para RGB?
Digite o código HEX, como #ff6600, e o valor RGB aparece na hora — rgb(255, 102, 0) neste caso.
De qual taxa de contraste eu preciso?
As WCAG exigem pelo menos 4,5:1 para texto normal (AA) e 7:1 para o nível AAA, mais rigoroso. Títulos grandes precisam de 3:1.
Os valores CMYK são exatos para impressão?
São uma conversão matemática direta. A impressão real depende dos perfis de papel e tinta, então confirme com uma prova.
Suporta transparência?
Sim. Valores HEX de 8 dígitos, rgba() e hsla() mantêm o canal alfa.
Como copio um valor?
Clique em qualquer valor HEX, RGB, HSL ou CMYK para copiá-lo, ou use o botão de copiar para copiar todos de uma vez.