Comprobador de contraste de color
BetaCompruebe si su combinación de texto y color de fondo cumple con las pautas de accesibilidad WCAG.
- Gratis
- Sin registro
- Se ejecuta en tu navegador
- Funciona en móviles
Comprobador de contraste de color de un vistazo
- Entrada
- Colores de primer plano y de fondo
- Salida
- Relación de contraste y estado de cumplimiento de las WCAG
- Privacidad
- Todo ocurre en tu dispositivo. No se sube ningún dato.
- Precio
- Gratis, sin cuenta, sin marcas de agua.
Cómo usar Comprobador de contraste de color
- 1Ingrese un color de texto (primer plano) y un color de fondo.
- 2La herramienta calcula instantáneamente la relación de contraste entre los dos colores.
- 3Muestra si la combinación pasa o no los estándares WCAG AA y AAA para texto normal y grande.
Características
- Cálculo de la relación de contraste en vivo.
- Estado de cumplimiento de las WCAG AA y AAA.
- Acepta formatos de color HEX, RGB o HSL.
- Vista previa visual del texto sobre el fondo elegido.
Preguntas frecuentes sobre Comprobador de contraste de color
¿Qué son las WCAG?
WCAG significa Pautas de accesibilidad al contenido web. Es un conjunto de estándares para hacer que el contenido web sea más accesible para las personas con discapacidades, incluidas las visuales.
¿Qué es una buena relación de contraste?
WCAG AA requiere una proporción de al menos 4,5:1 para texto normal y 3,1:1 para texto grande. WCAG AAA requiere 7:1 para texto normal y 4,5:1 para texto grande.
¿Por qué es importante el contraste?
El alto contraste garantiza que el texto sea legible y legible para todos, especialmente para los usuarios con baja visión o daltonismo.
Herramientas relacionadas
Convertidor HEX a RGBBetaConvierta códigos de color HEX a RGB y viceversa al instante.Decodificador Base64 onlineRecupera el texto original legible a partir de una cadena codificada en Base64 con soporte completo para UTF-8.Codificador Base64 onlineConvierte cualquier texto o contenido en una cadena codificada en Base64 según el estándar RFC 4648.Generador de border-radius CSSCrea esquinas redondeadas asimétricas y formas orgánicas modernas para tus tarjetas y botones mediante controles visuales.
Más herramientas de developer toolsÚltima actualización