Ferramentas de cor
Funciona no seu dispositivo. Nada é enviado.Nada é enviado - toda a conversão acontece no seu dispositivo.
Verificador de contraste
Contra o branco
AA (texto normal)
5.17:1AprovadoAA (texto grande)
5.17:1AprovadoAAA (texto normal)
5.17:1ReprovadoAAA (texto grande)
5.17:1AprovadoContra o preto
AA (texto normal)
4.06:1ReprovadoAA (texto grande)
4.06:1AprovadoAAA (texto normal)
4.06:1ReprovadoAAA (texto grande)
4.06:1ReprovadoTons
Converta entre HEX, RGB e HSL, verifique o contraste WCAG e gere uma escala de tons, totalmente no seu navegador.
Esta ferramenta converte uma cor entre notação HEX, RGB e HSL, verifica sua razão de contraste WCAG em relação a texto branco e preto, e gera uma escala de tons do escuro ao claro - tudo calculado localmente no seu navegador enquanto você digita.
Perguntas frequentes
O que significam os níveis WCAG AA e AAA?
São limites de contraste de acessibilidade das Web Content Accessibility Guidelines: AA exige pelo menos 4,5:1 de contraste para texto normal (3:1 para texto grande, 18pt+ ou 14pt+ em negrito), e o mais rigoroso AAA exige 7:1 para texto normal (4,5:1 para texto grande). Atender AA é a referência comum para texto acessível.
Por que HEX/RGB/HSL podem resultar em um valor ligeiramente diferente após ida e volta?
HSL armazena matiz, saturação e luminosidade como números inteiros arredondados, então converter RGB para HSL e de volta pode deslocar um canal em um ou dois pontos devido ao arredondamento - isso é normal e acontece em qualquer ferramenta de cor que suporte HSL.
Como a escala de tons é gerada?
Mantendo fixos o matiz e a saturação da cor e variando apenas sua luminosidade no espaço HSL, do quase preto ao quase branco. É uma escala simples e previsível, em vez de perceptualmente uniforme (o que exigiria um espaço de cor mais complexo), como oferecem a maioria das ferramentas de cor comuns.