Comprobador de contraste de color
Enter a text color and a background color to see the contrast ratio and whether it passes WCAG AA and AAA for normal text, large text and graphics. Good contrast makes your design readable for everyone, including people with low vision.
Funciona en tu navegador. Tus archivos nunca salen de tu dispositivo.
Large text sample
Normal text sample: the quick brown fox jumps over the lazy dog.
Contrast ratio
17.40 : 1
Normal text (AA, 4.5:1)Pass
Large text (AA, 3:1)Pass
Normal text (AAA, 7:1)Pass
Large text (AAA, 4.5:1)Pass
Graphics and buttons (AA, 3:1)Pass
Cómo funciona
- 01Enter the text and background colors.
- 02Read the contrast ratio.
- 03Check which WCAG levels pass.
Preguntas
What ratio do I need?
WCAG AA asks for 4.5:1 for normal text and 3:1 for large text. AAA asks for 7:1 and 4.5:1.
What counts as large text?
About 24 px regular or 19 px bold and above.
Is my file uploaded to a server?
No. Everything happens inside your browser on your own device. Your files are never sent to us or anyone else.
Is it free?
Yes. It is free to use, with no signup, no watermark and no daily limit.