Validador de Contrast WCAG
Comprova si els teus colors són accessibles.
Verifica que les teves combinacions de colors compleixen els ràtios de contrast exigits per les WCAG 2.2.
Excel·lent — Compleix AAA
Text d'exemple gran
Subtítol de mostra (24px)
Aquest és un text d'exemple amb mida normal (16px) per comprovar la llegibilitat d'aquesta combinació de colors segons els criteris WCAG 2.2.
Text petit (14px) — El contrast és especialment important en mides reduïdes on la llegibilitat es veu més compromesa.
Referència ràpida WCAG 2.2
Per què importa el contrast de color?
El contrast de color és el criteri WCAG més incomplert a la web. Segons l'informe WebAIM Million de 2024, el 83,6% de les pàgines d'inici tenen almenys un error de contrast. Això afecta directament persones amb baixa visió, daltonisme i usuaris en entorns amb molta llum ambiental.
Les WCAG 2.2 exigeixen un ràtio de contrast mínim de 4,5:1 per a text normal i 3:1 per a text gran (Nivell AA). Per al Nivell AAA, els ràtios pugen a 7:1 i 4,5:1 respectivament. El nostre validador calcula aquests ràtios a l'instant i t'indica si les teves combinacions de colors compleixen cada nivell.
-
1
Ràtio mínim AA: 4,5:1 (text normal) i 3:1 (text gran, ≥18pt o 14pt bold).
-
2
Ràtio mínim AAA: 7:1 (text normal) i 4,5:1 (text gran).
-
3
El 83,6% de les webs incompleixen criteris de contrast (WebAIM, 2024).
-
4
Eina gratuïta — sense registre, ús il·limitat.
Per què usar aquest validador?
Verificació Instantània
Introdueix dos colors (hex, RGB o nom) i obtén el resultat a l'instant.
Nivells AA i AAA
T'indiquem si compleixes el nivell legalment exigit (AA) i l'òptim (AAA).
Per a Dissenyadors i Devs
Ideal per validar paletes de color abans d'implementar i evitar correccions posteriors.