Color Contrast Checker

100% Client-Side
Foreground & Background Colors
rgb(255, 255, 255) · hsl(0, 0%, 100%)
rgb(13, 17, 23) · hsl(0, 0%, 7%)
The quick brown fox jumps over the lazy dog Large Text Sample (18pt+)
Contrast Ratio Results
21.00:1 ★★★★★
AA Normal Text (≥4.5:1) PASS
AA Large Text (≥3:1) PASS
AAA Normal Text (≥7:1) PASS
AAA Large Text (≥4.5:1) PASS
UI Components (≥3:1) PASS
Suggestions
Current colors meet WCAG AA standards.

¿Qué es Verificador de Contraste de Color y cómo funciona?

La herramienta Verificador de Contraste de Color de Teclea.Dev Run te permite procesar y transformar datos directamente en tu navegador web. Verifica el contraste de color según WCAG 2.1 AA y AAA. Calcula ratio de luminancia relativa y comprueba accesibilidad para texto normal, grande y componentes UI. Toda la ejecución se realiza en memoria en el cliente sin transferir información privada a servidores externos.

📖 Guía de Uso Rápido

  1. Especifica Datos de Entrada: Introduce o pega tu contenido, código o parámetros en el panel de entrada.
  2. Ajusta las Opciones: Configura los parámetros, formatos o reglas según tu caso de uso.
  3. Procesamiento en Tiempo Real: La herramienta analiza y transforma la información en memoria local sin enviar datos a servidores.
  4. Exporta o Copia el Resultado: Utiliza los botones de copiado rápido o descarga los datos procesados en formatos compatibles.

Ventajas y Características Técnicas