Contraste de cores (WCAG)
Digite as duas cores em hexadecimal (#1f2937) ou como rgb(31, 41, 55).
Resultado
4,54:1Razão de contraste
- AA, texto normal (4,5:1)
- ✓
- AA, texto grande (3:1)
- ✓
- AAA, texto normal (7:1)
- ✕
- AAA, texto grande (4,5:1)
- ✓
- Cores lidas
- #767676 / #ffffff
Dados de entrada
- Cor do texto
- #767676
- Cor do fundo
- #ffffff
Como é calculado
A luminância relativa de cada cor é calculada a partir dos canais sRGB linearizados.
Resultado
Razão de contraste
- AA, texto normal (4,5:1)
- ✓
- AA, texto grande (3:1)
- ✓
- AAA, texto normal (7:1)
- ✕
Como é calculado
- A luminância relativa de cada cor é calculada a partir dos canais sRGB linearizados.
- Razão = (L clara + 0,05) ÷ (L escura + 0,05), de 1:1 a 21:1.
- A razão é comparada aos limites da WCAG 2 sem arredondamento.
Exemplo
#767676 sobre branco dá 4,54:1: atende AA para texto normal, não AAA.
Importante
- Texto grande tem pelo menos 24 px, ou 18,66 px em negrito.
- Transparência e degradês não são considerados.
Perguntas frequentes
Para que serve esta ferramenta?
Digite as duas cores em hexadecimal (#1f2937) ou como rgb(31, 41, 55).
Como o resultado é calculado?
A luminância relativa de cada cor é calculada a partir dos canais sRGB linearizados.
O que devo verificar antes de usar o resultado?
Texto grande tem pelo menos 24 px, ou 18,66 px em negrito.