Relación de contraste de colores
Calculadora
Resultados
- Relación de contraste
- 8.5
Resultados medios y fotografía
| Relación de contraste | 8.5 |
Diagrama formula-map
- Relación de contraste
- 8.5
Relación medios y fotografía
Fórmula
ratio = (L₁ + 0.05) ÷ (L₂ + 0.05)= 8.5
Nota
Este resultado usa los valores introducidos y una ecuación de planificación simplificada; verifica las cantidades y los requisitos locales antes de comprar o construir.
Más en Medios y fotografía
Ver todas →Preguntas frecuentes
¿Cómo se calcula la relación de contraste entre dos colores?+
La calculadora calcula la luminancia relativa de cada color a partir de sus valores RGB usando la fórmula WCAG, luego divide la luminancia más clara entre la más oscura (más un pequeño desplazamiento), dando una relación expresada como X:1. El negro sobre blanco produce la relación máxima posible de 21:1.
¿Qué relación de contraste necesito para cumplir con las pautas de accesibilidad?+
WCAG 2.1 exige un mínimo de 4.5:1 para texto normal y 3:1 para texto grande (18pt+ o 14pt+ en negrita) para cumplir el nivel AA, mientras que el nivel AAA eleva esos umbrales a 7:1 y 4.5:1 respectivamente. No alcanzar estas relaciones significa que el texto puede ser difícil de leer para usuarios con baja visión.
¿Por qué la luminancia relativa importa más que simplemente comparar el brillo RGB directamente?+
El ojo humano percibe el verde como más brillante que el rojo o el azul a la misma intensidad numérica, así que la fórmula de luminancia de WCAG pondera cada canal RGB de forma distinta (dándole al verde el mayor peso) antes de combinarlos, produciendo un resultado que refleja el brillo realmente percibido en lugar de un promedio ingenuo de los valores RGB.
¿Por qué dos colores que se ven bastante distintos pueden aun así fallar una prueba de contraste?+
La relación de contraste depende específicamente de la luminancia (claridad), no del matiz o la saturación, así que dos colores pueden verse muy diferentes visualmente, como un naranja saturado y un azul saturado, pero tener una luminancia similar y por lo tanto un contraste pobre entre sí. Por eso un diseño seguro para daltónicos igual requiere verificar el contraste real, no solo la diferencia visual de color.
¿La verificación de la relación de contraste aplica solo al texto, o también a otros elementos de la interfaz?+
WCAG también establece un mínimo más bajo de 3:1 para elementos no textuales como bordes de botones, contornos de campos de formulario e íconos que transmiten información importante, reconociendo que estos necesitan ser distinguibles pero no requieren el mismo contraste enfocado en la lectura que el texto normal. Se aplica el mismo cálculo de relación de luminancia, solo con un umbral de aprobación distinto.