Informática
Conversor de cores HEX, RGB, HSL, HSV e CMYK
Digite uma cor em qualquer notação, ou escolha no seletor: você a obtém em todas as outras e vê na hora quão legível seria um texto branco ou preto sobre ela.
As notações de cor e o contraste
Na tela, cada cor é uma mistura de vermelho, verde e azul, cada um de 0 a 255: é a notação RGB, e HEX é a mesma coisa escrita em hexadecimal, dois dígitos por canal. HSL e HSV descrevem a mesma cor de modo mais intuitivo, com matiz no círculo cromático, saturação e luminosidade, e por isso são usados para criar variações mais claras ou mais escuras.
A impressão funciona ao contrário: parte do branco do papel e subtrai luz com tintas ciano, magenta, amarela e preta, o CMYK. A conversão exata depende do papel e da máquina; a mostrada aqui é a teórica, boa para ter uma ideia, mas não para um arquivo de impressão.
O contraste WCAG mede o quanto o texto se destaca do fundo, de 1:1 a 21:1, usando a luminância relativa, que pesa o verde muito mais que o azul, como faz o olho. As diretrizes pedem pelo menos 4,5:1 para texto normal e 3:1 para texto grande; 7:1 é o nível AAA.
Erros comuns
- Escolher a cor do texto no olho: um amarelo forte parece intenso mas é claríssimo, e texto branco sobre ele fica ilegível.
- Esperar que o CMYK calculado imprima igual à tela: muitas cores RGB vivas não são imprimíveis.
- Esquecer a transparência: uma cor com alfa muda de aparência e de contraste conforme o que está por baixo.
Perguntas frequentes
Que contraste é necessário para ser acessível?
As WCAG 2 pedem 4,5:1 para texto normal (nível AA), 3:1 para texto grande de 24 px ou 19 px em negrito, e 7:1 para o nível AAA.
Qual a diferença entre HSL e HSV?
Os dois usam matiz e saturação. No HSL, luminosidade 100% é sempre branco e 50% a cor pura; no HSV, valor 100% é a cor pura no brilho máximo.
Como se escreve uma cor transparente?
Com um canal alfa: #185FA580 em HEX de oito dígitos, ou rgba(24, 95, 165, 0.5). O alfa vai de 0, transparente, a 1, opaco.
Como funciona este cálculo
HEX #RRGGBB: cada par é um canal de 00 a FF. HSL: com o máximo e o mínimo dos canais normalizados, L = (máx + mín) / 2, S = (máx − mín) / (1 − |2L − 1|), H pelo ângulo do canal dominante. CMYK: K = 1 − máx, C = (1 − R − K) / (1 − K) e assim por diante. Contraste = (L1 + 0,05) / (L2 + 0,05), com luminância L = 0,2126 R + 0,7152 G + 0,0722 B sobre os canais linearizados.
Calculadoras relacionadas
Codificação de URL
Codificação e decodificação por porcentagem de valores e endereços, e uma URL dividida em partes.
Códigos Unicode e UTF-8
O code point, os bytes UTF-8 e UTF-16 e o código HTML de cada caractere, emoji incluídos.
Conversor de timestamp Unix
De timestamp Unix para data e hora e de volta: segundos, milissegundos, UTC e hora local.