Verifique las relaciones de contraste de color para el cumplimiento de la accesibilidad web. Pruebe combinaciones de colores de texto y fondo según las pautas WCAG con vista previa en tiempo real, calificaciones de accesibilidad y sugerencias de mejora.
Haga clic en el primer selector de color para elegir el color de su texto, o introduzca un código hexadecimal directamente.
Utilice el segundo selector de color para seleccionar el color de fondo para la prueba de contraste.
Verifique la relación de contraste calculada y vea las calificaciones AA/AAA para texto normal y grande.
Vea la vista previa en vivo para ver cómo se ve su combinación de colores con el contenido de texto real.
Calcule instantáneamente las relaciones de contraste a medida que selecciona diferentes combinaciones de colores de texto y fondo.
Obtenga calificaciones AA y AAA tanto para texto normal como para texto grande según las Pautas de Accesibilidad al Contenido Web.
Vea exactamente cómo se verán sus combinaciones de colores con texto de muestra en tamaños normal y grande.
Vea su rendimiento de contraste con un gráfico circular intuitivo que muestra puntuaciones de 0 a 100.
Elija colores fácilmente con las herramientas de selección de color integradas para colores de texto y de fondo.
Obtenga sugerencias prácticas para mejorar el contraste y cumplir con los estándares de accesibilidad.
Un comprobador de contraste de color es una herramienta que mide la diferencia de luminancia entre los colores de texto y de fondo. Calcula las relaciones de contraste según los estándares WCAG (Pautas de Accesibilidad al Contenido Web) para asegurar que el contenido sea legible para usuarios con discapacidades visuales, incluyendo daltonismo y baja visión.
Asegure que sus diseños cumplan con los estándares internacionales de accesibilidad con calificaciones precisas AA y AAA.
Vea resultados instantáneos a medida que ajusta los colores, facilitando la búsqueda de combinaciones que cumplan con la normativa.
Comprenda el rendimiento del contraste de un vistazo con nuestro intuitivo sistema de puntuación de 0 a 100.
Pruebe combinaciones de colores al instante en su navegador sin descargar ningún software.
Para texto normal, apunte al menos a 4.5:1 para cumplimiento AA o 7:1 para AAA. El texto grande (18pt o 14pt en negrita) necesita 3:1 para AA o 4.5:1 para cumplimiento AAA.
AA es el nivel estándar de cumplimiento de accesibilidad requerido por la mayoría de las regulaciones. AAA es el nivel más alto, proporcionando accesibilidad mejorada para usuarios con discapacidades visuales más severas.
La relación de contraste se calcula utilizando la luminancia relativa de los colores según lo definido por las pautas WCAG. Varía de 1:1 (sin contraste) a 21:1 (contraste máximo).
El texto grande se define como 18 puntos (24px) o más grande, o 14 puntos (18.66px) o más grande si está en negrita. El texto grande tiene requisitos de contraste más flexibles.
Un buen contraste de color asegura que el contenido sea legible para todos, incluyendo usuarios con discapacidades visuales, daltonismo, o aquellos que ven contenido bajo la luz solar brillante o en pantallas deficientes.
La herramienta acepta códigos de color hexadecimales. Puede convertir de otros formatos (RGB, HSL, etc.) a hexadecimal utilizando convertidores en línea o herramientas de diseño.
Explora nuestra completa biblioteca de más de 500 colores populares con nombre, organizados en 20 categorías. Busca colores por nombre o código HEX, copia los valores al instante y explora grupos de color desde básicos hasta vintage.
Explora más de 200 paletas de colores curadas profesionalmente y organizadas por categoría. Copia colores al instante, guarda tus paletas favoritas, exporta como CSS, JSON, PNG o PDF. Perfecto para diseñadores y desarrolladores.
Explora nuestra colección curada de más de 100 impresionantes degradados de color. Haz clic en las muestras de degradado para ver los colores individuales, copia el código CSS al instante y encuentra las combinaciones de degradado perfectas para tus diseños.
Convierte colores HSV (Tono, Saturación, Valor) a sus equivalentes Pantone más cercanos al instante. Encuentra el color Pantone perfecto con nuestra completa herramienta de coincidencia de colores que incluye comparaciones visuales y ciencia del color precisa.
Convierte colores RGB a sus equivalentes Pantone más cercanos con nuestro algoritmo avanzado de coincidencia de colores. Explora colores Pantone seleccionados, compara diferencias de color y obtén códigos de color precisos para tus proyectos de diseño.
Convierte colores hex a las coincidencias Pantone más cercanas con nuestra herramienta online gratuita. Incluye coincidencia de color Delta E precisa, explora más de 40 colores Pantone populares y obtén comparaciones de color instantáneas. Perfecto para diseñadores, impresores y profesionales del color.