Ω
OmniToolsv2.2
Diseño y Accesibilidad

Generador de Paletas de Color y Verificador de Contraste WCAG 2.1 AAA

Comprueba el ratio de contraste de colores según los estándares WCAG 2.1 AA y AAA. Genera paletas armónicas con luminancia relativa en tiempo real.

Evaluación 100% en el navegador • Luminancia relativa WCAG 2.1 en tiempo real
WhatsApp
Preajustes Accesibles Seleccionados
rgb(52, 211, 153)
#
rgb(9, 13, 22)
#
Ratio de Contraste WCAG
11.23:1
WCAG AAA PassL1: 0.55 / L2: 0.003

Matriz de Cumplimiento WCAG 2.1

W3C Recommendation
Texto Normal (< 18pt / 24px)
Level AA (4.5:1)PASS
Level AAA (7.0:1)PASS
Texto Grande (≥ 18pt o ≥ 14pt negrita)
Level AA (3.0:1)PASS
Level AAA (4.5:1)PASS
Componentes UI e Íconos
Level AA (3.0:1)PASS

SC 1.4.11 Non-text contrast compliance

Vista Previa de Componentes en Vivo

Actual Browser Text Rendering

Tipografía Web de Alto Contraste

Este entorno de pruebas interactivo demuestra la legibilidad real y la armonía cromática bajo las pautas de accesibilidad WCAG 2.1.

Foreground: #34D399 • Background: #090D16

Paletas Cromáticas Armónicas

Advertisement / Sponsor Area

Reserved high-performance space. Zero Cumulative Layout Shift (CLS) guaranteed.

Comprendiendo el Contraste WCAG 2.1, Luminancia Relativa y Accesibilidad Visual

Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 definen estándares para garantizar que el texto sea perfectamente legible por todas las personas.

La fórmula de contraste evalúa la luminancia relativa teniendo en cuenta que el ojo humano es más sensible a los tonos verdes que a los rojos y azules.

El nivel AA exige 4.5:1 para texto normal y 3:1 para texto grande. El nivel AAA exige 7:1 para una accesibilidad óptima.

Todo el procesamiento cromático ocurre en la memoria local de tu navegador sin enviar datos a la nube.

Preguntas Frecuentes (FAQ)

¿Cuál es la diferencia entre los niveles WCAG AA y AAA?

El nivel AA requiere un contraste mínimo de 4.5:1 para texto normal, mientras que el nivel AAA exige 7:1.

¿Por qué se pondera más el verde en la fórmula de luminancia?

Los fotorreceptores del ojo humano tienen su máxima sensibilidad en longitudes de onda verdes.

¿Afecta invertir los colores al resultado del contraste?

No. La fórmula siempre coloca el color más claro en el numerador, garantizando el mismo ratio matemático.