Conversor de cor

O que esta página faz

A mesma cor pode escrever-se como HEX, RGB ou HSL. Esta página mantém os três alinhados e verifica o contraste contra um segundo HEX. HEX para RGB num só sentido continua em Hex para RGB.

Como usar

1. Escreva uma cor HEX, ou R, G e B, ou H, S e L. Os outros campos e a amostra atualizam-se ao digitar. Não há botão Converter.
2. Comparar com é o segundo HEX usado para o contraste.
3. Mostrar exemplo põe Comparar com em #e8f0f6 e HEX em #112233. R é 17, G é 34, B é 51. H é 210, S é 50, L é 13. A razão é 14.02:1. O texto normal AA, AAA e o texto grande AA passam.
4. Limpar tudo esvazia todos os campos, a amostra e a razão.

Regras e limites

#RGB expande-se ao duplicar cada dígito, por isso #123 é #112233. Um valor que não tenha 3 ou 6 dígitos hexadecimais para com um erro. H vai de 0 a 360, S e L de 0 a 100, e R, G e B de 0 a 255. O contraste usa a luminância relativa WCAG. AA para texto normal é 4.5:1, AAA é 7:1 e AA para texto grande é 3:1. Se Comparar com estiver vazio, a razão fica oculta.

Onde se usa

• Passar um HEX escuro para HSL.
• Verificar um azul escuro sobre um fundo claro.
• Ler a mesma cor como 17, 34, 51.

Perguntas