Conversor de cores
Cole ou escolha qualquer cor CSS para vê-la em todos os formatos. Verifique o contraste com um fundo para textos acessíveis.
Qualquer cor CSS: #2447c4, rgb(36 71 196), hsl(227 69% 46%), oklch(47% 0.2 265), rebeccapurple…
| Formato | Valor | Copiar |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
Contraste
Jane quer LP, fax, CD, giz, TV e bom whisky.
- Razão de contraste
- —
- AA texto normal (4,5:1)
- —
- AA texto grande (3:1)
- —
- AAA texto normal (7:1)
- —
- Sobre branco
- —
- Sobre preto
- —
Perguntas frequentes
Que contraste preciso?
A WCAG 2 pede pelo menos 4,5:1 para texto normal e 3:1 para texto grande (cerca de 24 px, ou 19 px em negrito) no nível AA, e 7:1 e 4,5:1 no AAA. Logotipos e texto decorativo são isentos.
Por que usar OKLCH?
O OKLCH foi feito para que passos iguais pareçam igualmente diferentes ao olho. Mudar só a luminosidade mantém o matiz, ótimo para paletas e temas escuros. Todos os navegadores modernos o suportam em CSS.