Verificador de contraste
Verifica ratios de contraste WCAG entre colores de primer plano y fondo.
Aa
The quick brown fox jumps over the lazy dog
0123456789 !@#$%^&*()
Contrast Ratio
WCAG AA
WCAG AAA
How to Use
- 1
Enter the foreground (text) color and the background color as HEX values or use the color pickers.
- 2
View the calculated contrast ratio and whether it passes WCAG AA and AAA standards.
- 3
Adjust colors until the desired accessibility level is achieved.
Features
WCAG 2.0 Compliant
Calculates contrast ratios using the official WCAG 2.0 relative luminance formula.
AA & AAA Pass/Fail
Shows pass or fail for both WCAG AA (4.5:1) and AAA (7:1) levels for normal and large text.
Color Picker Support
Use the visual color picker or enter HEX values to set foreground and background colors.
Live Preview
See a live text preview rendered with your chosen colors to visualize the actual contrast.
FAQ
¿Requisitos WCAG?
AA: 4.5:1 texto normal, 3:1 texto grande. AAA: 7:1 normal, 4.5:1 grande.
¿Cómo se calcula?
Usando la fórmula de luminancia relativa WCAG 2.0.