Conversor de cores
Digite qualquer cor CSS — HEX, RGB, HSL, HSLa, HWB, OKLCH, OKLab ou um nome de cor — e veja instantaneamente todos os valores equivalentes, além das relações de contraste WCAG com branco e preto.
Sem envio de arquivos · Tudo é processado neste navegador
Contraste (WCAG 2)
| Texto no branco | Texto no preto | |
|---|---|---|
| Razão | ||
| AA texto grande (3:1) | ||
| AA texto normal (4.5:1) | ||
| AAA texto normal (7:1) |
Perguntas frequentes
O que é OKLCH?
OKLCH descreve uma cor por luminosidade, croma e matiz num espaço perceptualmente uniforme. Mudar só a luminosidade mantém o matiz igual, o que ajuda em design systems. Todos os navegadores modernos suportam em CSS.
Por que o CMYK é aproximado?
As cores impressas dependem do papel, da tinta e do perfil ICC. Esta ferramenta usa uma fórmula simples sem perfil, então confirme os valores exatos com a gráfica.
Quais formatos de cor posso inserir?
São aceitos HEX (#fff, #ffffff, #ffffffff), rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), oklab() e nomes de cores CSS como tomato ou rebeccapurple.
O que a verificação de contraste WCAG mostra?
Mostra a proporção de contraste da sua cor em relação ao branco puro e ao preto puro, e se ela passa nos critérios AA (4,5:1 para texto normal, 3:1 para texto grande) e AAA (7:1 para texto normal) do WCAG 2.
Posso usar esta ferramenta offline?
Sim. O conversor usa apenas a lógica de análise de cor CSS embutida no navegador e funciona sem conexão com a internet após o carregamento da página.