Normalizar · calcular · revisar

Un par de colores. Una relación reproducible.

ContrastCheck convierte dos colores hex opacos en luminancia relativa, relación WCAG 2.x bruta y cinco referencias claramente nombradas dentro del navegador.

Abrir comprobador

Sin cuenta, carga, rastreo CSS, paleta guardada, consulta remota ni declaración de conformidad.

Tres pasos explícitos

Introduce, calcula y verifica

01

Introduce dos colores hex

Usa tres o seis dígitos para primer plano y fondo opacos.

02

Lee relación y luminancia

La transferencia sRGB y pesos W3C producen un resultado estable.

03

Relaciona el contexto real

Decide categoría, estados y colores adyacentes fuera del cálculo.

Aritmética de diseño

Útil cuando un par declarado necesita comprobación

  • Comparar un token de texto con una superficie sólida.
  • Verificar un par del sistema de diseño con un umbral.
  • Reproducir un resultado con valores hex normalizados.
  • Explicar por qué dos grises rodean 4.5:1.

Extremos y límites conocidos

Reproduce 21:1 y el límite 4.5:1

Los ejemplos conectan entradas con luminancia, relación bruta, vista conservadora y estados.
Ver ejemplos

Un par opaco · cálculo local

Comprueba los mismos colores

Introduce los colores hex de primer plano y fondo para reproducir localmente la relación WCAG 2.x, cinco referencias y una vista fija sin subir los colores.

Abrir ContrastCheck