Calculadora de relación de contraste de colores
Compare dos colores de sRGB opacos, inspeccione una vista previa de texto y compruebe los umbrales de contraste WCAG 2.2 para un texto normal y grande.
SU CÁLCULO
Resultado
—
Pasos del cálculo
Trabaje a través de un paso a la vez o revele el cálculo completo. Los pasos utilizan sus entradas actuales.
Cómo calcular
Convertir los canales sRGB en luz lineal, calcular cada luminancia relativa, a continuación, dividir la luminancia más 0.05 por la luminancia más oscura más 0.05. Compare la relación sin redondear con cada umbral.
Contrast ratio=(lighter luminance+0.05)/(darker luminance+0.05)
Ejemplo resuelto
Negro en blanco tiene razón 21: 1. Los colores idénticos tienen relación 1: 1. # 336699 en blanco es aproximadamente 5.998: 1.
Suposiciones y detalles de entrada
Sólo un par de tres o seis dígitos de HEX. Los umbrales AA son 4.5: 1 para el texto normal y 3: 1 para el texto grande; Los umbrales AAA son 7: 1 y 4.5: 1. El texto grande significa al menos 18 pt regular o 14 pt negrita. Las decisiones de retoma utilizan la relación no redondeada, aunque el valor mostrado se reanude hacia arriba. Esto controla el par de color especificado, no completa la conformación de accesibilidad, gradientes, transparencia o fondo de imagen. La vista previa es ilustrativa; la relación matemática utiliza los colores de entrada.
Referencias: W 3C mínimo de contraste · W 3C relativa luminancia
Usando esta calculadora
¿Puedo entrar en mi propio problema?
Sí. Sustitúyase los valores de ejemplo por sus propias entradas. El resultado, los pasos de cálculo, los cuadros y los diagramas aplicables se actualizan a partir de esos insumos. Los valores blanks o inválidos despejan el resultado; los valores de ejemplo nunca se sustituyen silenciosamente por los insumos que faltan.
¿Los resultados son exactos?
Los resultados utilizan la aritmética de un punto flotante y se muestran redondeados. Leer la fórmula, suposiciones y cualquier precisión de los datos antes de interpretar el resultado.
¿Mi entrada está cargada?
El cálculo se ejecuta en su navegador. No se requiere cuenta, carga de archivos o servicio AI externo. Las entradas no se guardan entre recargas de página.
Convertir códigos de color de sRGB opaco entre HEX, entero RGB y HSL. Ver los valores de canal sin redondear y la representación HEX más cercana a 8 -bit.
Convertir dimensiones de píxeles, dimensiones de impresión e píxeles por pulgada. Busca tamaño de impresión física, píxeles enteros requeridos o resolución de imagen efectiva.
Introduzca una resolución diagonal e pixel de pantalla para calcular la anchura activa, altura, relación de aspecto, densidad de píxeles y un lanzamiento, con un diagrama de pantalla dimensionado.
Espacio reservado para publicidad.