Distancia de Color (ΔE)
ΔE (Delta E) es la forma estándar de poner un solo número en "qué tan diferentes se ven estos dos colores al ojo humano". CIEDE2000 es la referencia moderna — valores bajo ~1 son usualmente indistinguibles, bajo ~2 muy cercanos, alrededor de 10 claramente diferentes, y 50+ es esquina-opuesta-de-la-rueda. CIE76 se muestra para uso legacy; la distancia RGB se incluye como baseline ingenuo.
- ΔE 200031.36
- ΔE 7667.18
- Distancia RGB85.15
Percepción
Diferentes — colores distintos.
ΔE se computa en CIE Lab usando blanco de referencia D65 — la misma convención que toda herramienta moderna de gestión de color.
Cómo usar
- Escribe dos colores HEX o elígelos con los swatches.
- Lee CIEDE2000 — ese es el número perceptual confiable.
- La nota de abajo mapea el valor a una descripción cualitativa.
Preguntas frecuentes
- ¿Por qué ΔE76 es distinto de ΔE2000?
- ΔE76 es distancia Euclidiana directa en espacio Lab — fácil de computar pero distorsiona en la región azul. CIEDE2000 corrige diferencias de sensibilidad de tono, croma y luminosidad. Software moderno de gestión de color (Pantone, X-Rite, Adobe) reporta CIEDE2000.
- ¿Cuál es la diferencia apenas perceptible?
- Alrededor de ΔE 1 bajo condiciones de visión controladas. En la práctica — monitores malos, luz ambiental, comparación lado-a-lado vs. memoria — los visitantes empiezan a notar en ΔE 2–3.
- ¿Qué fórmula debería citar en una especificación?
- CIEDE2000, salvo que una norma o un proceso ya existente te obliguen a otra cosa. Corrige los puntos donde la fórmula de 1976 juzga mal la diferencia — sobre todo en los azules y en los colores muy saturados — y las tolerancias modernas la dan por supuesta. Uses la que uses, escribe el nombre de la fórmula junto al número: una tolerancia de 2 no significa lo mismo en una y en otra.
- ¿Un ΔE grande significa que el texto se leerá bien?
- No: miden cosas distintas. La legibilidad depende del contraste, que compara luminancia relativa, mientras que ΔE mide la diferencia de color percibida. Dos colores pueden diferir mucho en tono y aun así incumplir un requisito de contraste porque tienen el mismo brillo. Usa un comprobador de contraste para la lectura y ΔE para igualar un color.
Herramientas relacionadas
Selector de Color OKLCH
Elige colores en el espacio OKLCH perceptualmente uniforme (luminosidad · croma · matiz) — y ve si cada elección cabe dentro del gamut de pantalla sRGB.
Vista previa de CSS color-mix()
Compara cómo la función moderna CSS color-mix() mezcla dos colores en distintos espacios de interpolación (srgb, hsl, oklch, lab, lch, hwb, oklab, srgb-linear) — muestras en vivo, hex calculado, tira de gradiente completa por espacio y CSS copiable.
Buscador de nombre de color
Encuentra el nombre de color CSS, Tailwind o XKCD más cercano a cualquier hex/RGB — ordenado por distancia perceptual en el espacio OKLab.
Simulador de modos de mezcla CSS
Aplica los 16 modos de mezcla del W3C (multiply, screen, overlay, soft-light, hue, color, luminosity…) a dos colores y obtén el hex resultante y un snippet CSS mix-blend-mode listo para copiar.
Comparador de Brillo de Color (HSL vs Lab L* vs WCAG vs HSP)
Compara siete métricas de brillo distintas — Luminosidad HSL, Valor HSV, Luminancia Relativa WCAG (LRV), L* de CIE Lab (claridad perceptual), Luma Rec. 709, Brillo Percibido HSP y promedio ingenuo (R+G+B)/3 — para uno o dos colores en paralelo, con deltas que muestran por qué un color 'más claro' puede sentirse más oscuro.
Comprobador de Contraste de Color
Comprueba el contraste texto/fondo según los niveles WCAG AA y AAA.