Conversor de cores

Digite uma cor em qualquer formato CSS para ver os valores HEX, RGB, HSL, HWB, OKLCH, OKLab e CMYK, além do contraste WCAG.

Sem envio de arquivos · Tudo é processado neste navegador

Contraste (WCAG 2)

Texto no brancoTexto 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.