Verificador de contraste de color y sugerencias
Comprueba la relación de contraste WCAG y recibe colores alternativos que la cumplen
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Esta herramienta calcula en tiempo real la relación de contraste entre el color del texto y el fondo, mostrando si cumple los estándares WCAG 2.1 AA y AAA. Está pensada para diseñadores web y desarrolladores que necesitan verificar la legibilidad del texto, y cuando una combinación no cumple, sugiere automáticamente un ajuste de luminosidad que sí la cumple. Todo el cálculo se realiza en el navegador, sin enviar los datos de color a ningún servidor.
Cómo usar
- Introduce el color del texto (primer plano) con el selector o el código hexadecimal.
- Introduce el color de fondo de la misma manera.
- Revisa la vista previa, la relación de contraste y las insignias de aprobado/fallido para AA/AAA.
- Si no se cumple el requisito, haz clic en 'Aplicar' junto al color sugerido para usarlo al instante.
Preguntas frecuentes
- ¿Cuál es la diferencia entre AA y AAA?
- AA exige al menos 4.5:1 para texto normal y 3:1 para texto grande, mientras que AAA es más estricto, con 7:1 y 4.5:1 respectivamente.
- ¿Cómo se calculan los colores sugeridos?
- Se mantiene el matiz y la saturación originales y se recorre la luminosidad de 0 % a 100 % para hallar el valor más cercano al original que cumpla la relación de contraste objetivo.
- ¿Se almacenan mis datos de color en algún servidor?
- No, todos los cálculos se realizan localmente en el navegador y ningún valor de color se transmite ni se guarda externamente.