Comprobador de contraste de colores
Asegúrate de que todo el mundo pueda leer tu texto.
Elige un color de texto y uno de fondo para ver su relación de contraste y si cumplen los niveles de accesibilidad WCAG 2: AA y AAA para texto normal y grande, y el mínimo de 3:1 para iconos y controles. La vista previa muestra texto real en ambos colores y un clic los intercambia.
Cómo comprobar el contraste de colores
- Paso 1
Introduce los colores del texto y del fondo.
- Paso 2
Mira la relación de contraste y los resultados WCAG.
- Paso 3
Ajusta los colores hasta que pasen los niveles que necesitas.
Por qué usar PhotoTools
Niveles WCAG 2
AA y AAA para texto normal y grande.
Vista previa en vivo
Texto real con tus colores.
Cualquier formato
HEX, RGB, HSL o nombres de colores.
Formatos compatibles
Salida
- WCAG
Preguntas frecuentes
¿Qué contraste necesito?
WCAG AA pide 4,5:1 para texto normal y 3:1 para texto grande (18 pt, o 14 pt en negrita) y controles; AAA pide 7:1 y 4,5:1.
¿El resultado coincide con otros comprobadores?
Sí. Usa la fórmula de luminancia relativa de WCAG 2, la misma que las herramientas para desarrolladores de los navegadores.
¿Es gratis?
Sí. Las herramientas del navegador de PhotoTools son gratis, ilimitadas y funcionan sin cuenta.