Comprobador de accesibilidad del color
Introduce cualquier color HEX para comprobar su contraste en fondos claros y oscuros. Obtén la relación, el resultado WCAG y la mejor opción de color de texto.
#000000Sobre blanco
3.68:1Aa
Accessible sample text
Sobre negro
5.71:1Aa
Accessible sample text
Cómo usar el comprobador
- Introduce un color HEX o selecciónalo con el picker.
- Revisa la relación de contraste sobre blanco y negro.
- Usa el resultado WCAG para elegir colores de texto y UI más legibles.
Por qué importa el contraste
Un buen contraste ayuda a que más personas lean el contenido con claridad, especialmente quienes tienen baja visión o condiciones de iluminación difíciles.
WCAG recomienda al menos 4,5:1 para texto normal y 3:1 para texto grande. Un mayor contraste suele mejorar la legibilidad general.
La herramienta calcula todo localmente en tu navegador, sin subir datos.
Preguntas frecuentes
¿Qué es una relación de contraste? ▼
Mide la diferencia de luminancia entre el color del texto y el fondo. Cuanto mayor sea, más fácil será leer.
¿Qué valor cumple WCAG para texto normal? ▼
WCAG AA recomienda al menos 4,5:1 para texto normal.
¿Qué se considera texto grande? ▼
Generalmente 18pt normal o 14pt en negrita. En ese caso, 3:1 es suficiente para AA.
¿Por qué comprobar blanco y negro? ▼
Porque así ves rápidamente si el color funciona mejor como texto oscuro o claro.
¿Es privado? ▼
Sí. El cálculo se realiza por completo en tu navegador.
Herramientas relacionadas
Conversor de Color
Convierte colores entre formatos HEX, RGB y HSL instantaneamente. Vista previa visual del color, verificador de contraste WCAG y paleta generada. Todo el procesamiento se ejecuta localmente en tu navegador.
Generador de Degradados CSS
Crea hermosos degradados CSS visualmente. Elige tipo lineal, radial o cónico, agrega paradas de color, ajusta el ángulo y obtén una vista previa en vivo. Copia el CSS listo para usar con un clic.
Constructor de Meta Tags
Genera etiquetas meta HTML completas, Open Graph y Twitter Cards para SEO y compartir en redes. Rellena tus datos y copia HTML listo para pegar.