Selector de color

Elige colores y comprueba el contraste.

Validador de Accesibilidad WCAG y Conversor de Formato de Color

Diseña sitios web inclusivos comprobando los ratios de contraste de color en tiempo real según los estándares globales WCAG 2.1.

Cómo usar la Herramienta de Color:

Elige un color usando la interfaz visual o introduce un código HEX.
Revisa la conversión RGB para tus archivos CSS.
Consulta las tarjetas de Accesibilidad para ver si tu color pasa las pruebas de contraste AA o AAA de legibilidad.

¿Cómo supero la prueba de contraste WCAG?

Para texto estándar, necesitas un ratio de contraste de al menos 4.5:1 para pasar el Nivel AA. Nuestra herramienta ofrece una calificación de 'APROBADO' o 'FALLIDO' en vivo tanto para fondos con texto blanco como negro, ayudando a los diseñadores a elegir colores legibles para todos, incluyendo usuarios con deficiencias visuales. Este es un factor crítico para el SEO moderno y la experiencia de usuario.