Conversor de cores

Escolha uma cor ou digite-a em qualquer formato (HEX, RGB, HSL ou CMYK) e veja na hora o seu valor nos outros, pronto para copiar no seu CSS. Também mostramos se ela fica legível sobre o branco e sobre o preto.

Formatos de cor

HEX (#RRGGBB) é o formato mais comum na web: três pares de dígitos hexadecimais com a quantidade de vermelho, verde e azul, de 00 a FF. O RGB expressa o mesmo em decimal, de 0 a 255. O HSL descreve a cor pelo matiz (0-360°), pela saturação e pela luminosidade em porcentagem, o que facilita criar variações mais claras ou mais escuras da mesma cor.

O CMYK (ciano, magenta, amarelo e preto) é o modelo da gráfica. A conversão a partir do RGB é aproximada: para imprimir com precisão, é preciso usar o perfil de cor da gráfica.

Contraste e acessibilidade

As diretrizes de acessibilidade WCAG exigem um contraste mínimo entre o texto e o fundo para que pessoas com baixa visão consigam lê-lo: 4,5:1 para texto normal no nível AA e 7:1 no nível AAA (3:1 e 4,5:1 para textos grandes). O contraste vai de 1:1 (mesma cor) a 21:1 (preto sobre branco).