Verificador de Contraste (WCAG 2.1)
Verifica el contraste de texto/fondo según WCAG.
Sugiere colores válidos y emite certificados de cumplimiento.
🔤 Color del Texto (Text)
🎨 Color de Fondo (Background)
Esto es texto normal (16px) — vista previa
Esto es texto en negrita (16px bold)
Esto es texto grande (24px)
Esto es texto grande en negrita (18px bold)
Relación de contraste
12.63 : 1
AA Texto normal
≥ 4.5:1
AA Texto grande
≥ 3:1
AAA Texto normal
≥ 7:1
AAA Texto grande
≥ 4.5:1
💡 Colores sugeridos para cumplir el estándar AA:
Ajustar color del texto:
Ajustar color de fondo:
🏆 Certificado de Cumplimiento WCAG AA
* Al hacer clic en 'Compartir en 𝕏', también se descargará el certificado automáticamente.
📋 Código CSS
Acerca de
Herramienta gratuita para verificar si las combinaciones de colores cumplen con los estándares de contraste WCAG 2.1. El bajo contraste dificulta la lectura para personas con discapacidades visuales.
Cuando los colores no cumplen, la herramienta sugiere automáticamente el color más cercano que sí cumple, permitiéndote mejorar la accesibilidad sin cambiar drásticamente el diseño.
Una vez que superes el estándar AA, podrás descargar un Certificado de Cumplimiento WCAG AA oficial para compartirlo a nivel internacional.
Cómo usar
Ingresa los colores
Haz clic en el selector de color o escribe un código HEX / RGB directamente para el texto y el fondo.
Revisa los resultados
La relación de contraste y el estado WCAG AA/AAA se actualizan en tiempo real con vista previa.
Emitir Certificado
Si supera el objetivo AA, se puede descargar y compartir un certificado de validación digital sin costo adicional.
Glosario
- Relación de contraste (Contrast Ratio)
- Un indicador numérico puro representando diferencias de luz. Va desde 1:1 (idénticos ciegos) hasta un máximo aplastante de 21:1 (negro sobre blanco impoluto).
- WCAG (Directrices de Accesibilidad)
- Las normas divinas internacionales que obligan a los grandes mundos web hacer todo entendible para la gran comunidad inclusiva a base de buenas y puras prácticas formales exigidas.
- Criterio AA Transitorio
- El nivel fundamental corporativo mínimo forzando un requerimiento fijo e intransigente del 4.5:1 para cuerpo general y texturas más laxas alrededor del 3:1 para grandes títulos o encabezados impactantes.
- Criterio AAA Perfecto
- La cúpula exigente suprema y radical. Para alcanzar tan gloriosa certificación, el diseño cede belleza requiriendo cifras durísimas marcianas de 7:1 en textos normales.
- Luminancia Relativa Matemáticas
- Algoritmos ocultos calculados pesadamente. Transforman cada color RGB a luminosidades frívolamente frías adaptándola al ojo y luego las tasan desde un cero oscuro final hasta el valioso y ciego absoluto del uno claro desierto puro.
- Accesibilidad Universal Inclusiva (a11y)
- Ciencia encargada de romper exclusiones haciendo legible sin fatigar retinas maduras borrosas y facilitando total comprensión a ojos desfavorecidos y ciegos formales por edad o nacimiento puro natural doloroso e irremediable natural.
FAQ
- Q.¿Qué relación de contraste se recomienda universalmente para texto en la web por ley formal?
- Las reglas mundiales mandatan un estricto 4.5:1 para el párrafo común de lectura extensa, perdonando y aliviando hasta un modesto 3:1 si hablamos de gigantescas letras cabeceras rotundos gruesos masivos desproporcionados enormes imponentes formales titánicos majestuosos.
- Q.¿Simulador y visor de daltonismos o cegueras acromáticas varias incluido dentro del empaque en venta gratuita libre gratis?
- Definitivamente negado absoluto. Este artefacto solo devora matemáticamente números calculando ratios precisas; no suple ni sustituye nunca jamás los cristales y filtros mágicos para revisar las dioptrías caídas, úsese softwares específicos externos alternativos adicionales independientes.
- Q.¿Mecanismos recónditos ejecutables matemáticos abstractos detrás del telón que calcula la máquina oculta secreta?
- Cosecha exacta inmaculada de WCAG originaria formal divina. Desgrasa los brillos dividiendo todo en (L1 + 0.05) / (L2 + 0.05). Lanza y produce las escalas milagrosas precisadas intachables gloriosas numéricas definitivas fidedignas.
- Q.¿Empujo con rabia por alcanzar la gloriosa AAA dorada perfecta siempre?
- Una falacia engañosa innecesaria extrema agotadora e inútil total en comercial normal; fíjese con lealtad y esmero puro en asir firmemente y agarrar amarrada la estrella AA segura sólida suficiente cumplidera legal global oficial general rotunda.
- Q.¿La paleta corporativa ultra confidencial volará por cielos nubosos ajenos a tierras de bases de datos extranjeras maliciosas tristes fatales extrañas?
- Milagrosamente evitado rotundamente. Computos herméticos asilados locales prisioneros absolutos selladores firmes dentro de la caja temporal del artefacto y el cache efímero y perecedero frágil virtual local absoluto; nadie espía.
- Q.¿Resulta la hoja de certificación del logro con sello y escudo legal ante el juzgado supremo global americano mundial ciego testarudo sordo?
- Actúa formidablemente probando el esfuerzo digno matemático claro transparente loable y elocuente firme sincero fiel honesto; sin embargo requiere auditorias externas costosas monumentales terceras expertas inmaculadas aburridas burocráticas finales reales tristes inminentes futuras para eximirse absolutamente legal.
Casos de uso
Validación de diseño web
Verifica el contraste durante el diseño para garantizar el cumplimiento de WCAG en portales y landing pages.
Revisión de UI móvil
Comprueba textos en botones y alertas asegurando perfecta nitidez visual para presbicias y limitados visuales reales fácticos ciegos.
Cumplimiento de accesibilidad corporativa formal
Monitorea y previene penalizaciones acatando rigurosamente actas ADA o europeas en todos y cada uno del total de proyectos.
Presentaciones de alto impacto
Descubre y borra grises invisibles en PowerPoint asegurando lecturas innegables absolutas clarísimas fuertes imponentes grandiosas y gloriosas mágicas perfectas.