Color y Diseño
Comprobador de Contraste (WCAG)
Comprobador de contraste WCAG gratuito. Comprueba el contraste entre dos colores cualesquiera — ve si pasa AA/AAA para texto normal y grande. Para diseño accesible y a11y.
Contrast checker (WCAG)
Nota del editor
Understanding · Designing for the eye on the bus.
Este capítulo en profundidad está disponible solo en inglés por el momento. La herramienta de conversión de arriba funciona en tu idioma; el artículo explicativo extenso aún no se ha traducido.
Preguntas frecuentes
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
La gente también busca
Use with
What people reach for next.
Herramientas relacionadas
More in this room.
- Conversor de Color (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL y el moderno OKLCH — al instante.
- Buscador de Colores TailwindLa clase Tailwind más cercana para cualquier color HEX.
- Selector de Color e Paleta de ImagenArrastra una imagen, extrae su paleta.
- Simulador de DaltonismoPrevisualiza paletas a través de deuteranopia, protanopia y más.
- Generador de GradientesGradientes CSS lineales, radiales y cónicos.
- Generador de Sombras de CajaEditor visual de box-shadow CSS.