Contraste WCAG entre duas cores
Texto grande de exemplo
Texto normal de exemplo: a rápida raposa marrom pula sobre o cão preguiçoso.
Converta cores entre HEX, RGB, HSL, HSV e CMYK e verifique o contraste WCAG entre duas cores.
Tonalidades (clique para usar)
Texto grande de exemplo
Texto normal de exemplo: a rápida raposa marrom pula sobre o cão preguiçoso.
Processado no seu dispositivo. Nada do que você digita é enviado.
HEX, RGB, HSL e HSV descrevem a mesma cor de tela de formas diferentes. CMYK é usado em impressão; a conversão aqui é matemática (sem perfil de cor ICC), então para material gráfico profissional confirme com a gráfica.
O contraste segue a fórmula de luminância relativa da WCAG 2.x: o nível AA exige 4,5:1 para texto normal e 3:1 para texto grande (a partir de 24 px, ou 18,66 px em negrito); o AAA exige 7:1 e 4,5:1.
Para atender à WCAG nível AA (exigido em muitas leis de acessibilidade, como a LBI no Brasil), texto normal precisa de pelo menos 4,5:1 e texto grande, 3:1.
Telas emitem luz (RGB) e impressoras usam pigmentos (CMYK), que reproduzem uma gama menor de cores. Tons muito saturados de azul e verde costumam ficar mais opacos no papel.
É grátis e sem limite diário. Como o processamento acontece no seu aparelho, não temos custo por uso e não precisamos limitar você.
Sim. O site funciona em qualquer navegador moderno no Android, iPhone, Windows, Mac e Linux, sem instalar nada.