Calculadora Delta E

Medí qué tan distintos se ven dos colores con Delta E 2000, CIE94, CIE76 y OKLab, con una lectura del resultado en lenguaje simple. Funciona enteramente en tu navegador: no se envía nada a ningún servidor.

Colores

Primer color

Segundo color

Diferencia

#2563eb

#3b6fe0

Qué significa (ΔE 2000) Se percibe a simple vista.

¿Qué es Delta E?

Delta E (ΔE) es un único número que indica qué tan distintos se ven dos colores para una persona. Los dos colores se convierten al espacio de color CIE Lab, diseñado en base a la visión humana, y se mide su distancia ahí. La fórmula original de 1976 es una distancia en línea recta; CIE94 y CIEDE2000 agregan correcciones porque las personas son más sensibles a algunas diferencias, como en los azules y en los colores poco saturados, que a otras. Como regla, un ΔE 2000 menor a 1 no se ve, de 1 a 2 hace falta mirar de cerca, y por encima de 10 los colores son claramente distintos. Esta calculadora da las tres, más la distancia en OKLab que usa CSS Color 4.

Ejemplos

Calcular Delta E en código con librerías comunes:

Python

from skimage.color import rgb2lab, deltaE_ciede2000

deltaE_ciede2000(rgb2lab(a), rgb2lab(b))

JavaScript

import chroma from "chroma-js";

chroma.deltaE("#2563eb", "#3b6fe0"); // CIEDE2000

library(farver)

compare_colour(decode_colour("#2563eb"), decode_colour("#3b6fe0"),
  "rgb", method = "cie2000")

JavaScript

import { differenceCiede2000 } from "culori";

const deltaE = differenceCiede2000();
deltaE("#2563eb", "#3b6fe0");

Casos de uso

Verificar coincidencias de color

Compará una muestra impresa o renderizada con su valor objetivo y decidí si la diferencia está dentro de la tolerancia, un requisito común en imprenta y packaging.

Limpiar una paleta

Encontrá colores de una hoja de estilos que son tan parecidos que deberían unificarse en un solo token.

Verificar conversiones

Medí cuánto se corrió un color después de una compresión, una conversión de gamut o una ida y vuelta entre formatos.

Lograr colores distinguibles en gráficos

Asegurate de que los colores de las series de un gráfico estén lo bastante separados como para distinguirlos de un vistazo.

Preguntas frecuentes

¿Qué fórmula de Delta E conviene usar?

CIEDE2000 para casi todo: es la recomendación actual de la CIE y la que mejor coincide con la percepción. CIE76 es más simple y sigue siendo común en herramientas viejas, y CIE94 queda en el medio. Los resultados de fórmulas distintas no se pueden comparar directamente, así que siempre aclará a cuál se refiere una tolerancia.

¿Qué tolerancia es aceptable?

Depende del uso. Las especificaciones de imprenta y packaging suelen pedir ΔE 2000 menor a 2 o 3, los colores críticos de marca a veces menor a 1, mientras que para trabajo de interfaz cualquier cosa por debajo de 2 es en la práctica el mismo color.

¿Por qué al invertir los colores cambia ΔE 94?

CIE94 pondera el resultado por el croma del primer color, el de referencia, así que no es simétrica. CIE76, CIEDE2000 y la distancia en OKLab dan el mismo valor en los dos sentidos.

¿Qué es ΔE OK?

La distancia en línea recta en OKLab, el espacio de color detrás de oklch() en CSS. Está en una escala de 0 a 1 en vez de 0 a aproximadamente 100, y CSS Color 4 toma 0.02 como apenas perceptible al llevar colores al gamut de una pantalla.

¿Mis datos se envían a algún servidor?

No. Cada fórmula corre en tu navegador con JavaScript plano. Nada de lo que ingresás se transmite ni se guarda.

Herramientas relacionadas

Conversor de Colores (HEX, RGB, HSL, CMYK)Verificador de Contraste de Color (WCAG AA / AAA)Generador de Tonalidades (Tints y Shades)Generador de Degradados CSS Generador de Paletas de Colores (Armonías)Selector de Color de Imagen