Calculadora Delta E

Meça quão diferentes duas cores parecem com Delta E 2000, CIE94, CIE76 e OKLab, com uma leitura do resultado em linguagem simples. Funciona totalmente no seu navegador: nada é enviado a nenhum servidor.

Cores

Primeira cor

Segunda cor

Diferença

#2563eb

#3b6fe0

O que significa (ΔE 2000) Perceptível de relance.

O que é Delta E?

Delta E (ΔE) é um único número que indica o quanto duas cores parecem diferentes para uma pessoa. As duas cores são convertidas para o espaço de cor CIE Lab, criado com base na visão humana, e sua distância é medida ali. A fórmula original de 1976 é uma distância em linha reta; CIE94 e CIEDE2000 adicionam correções porque as pessoas são mais sensíveis a algumas diferenças, como nos azuis e nas cores pouco saturadas, do que a outras. Como regra, um ΔE 2000 abaixo de 1 não é visível, de 1 a 2 é preciso olhar de perto, e acima de 10 as cores são claramente diferentes. Esta calculadora dá as três, além da distância em OKLab usada pelo CSS Color 4.

Exemplos

Calculando Delta E em código com bibliotecas comuns:

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 correspondência de cores

Compare uma amostra impressa ou renderizada com seu valor alvo e decida se a diferença está dentro da tolerância, um requisito comum em impressão e embalagens.

Limpar uma paleta

Encontre cores de uma folha de estilos tão parecidas que deveriam ser unificadas em um único token.

Verificar conversões

Meça o quanto uma cor se deslocou depois de uma compressão, uma conversão de gamut ou uma ida e volta entre formatos.

Obter cores distinguíveis em gráficos

Garanta que as cores das séries de um gráfico estejam afastadas o suficiente para serem distinguidas de relance.

Perguntas frequentes

Qual fórmula de Delta E devo usar?

CIEDE2000 para quase tudo: é a recomendação atual da CIE e a que melhor corresponde à percepção. CIE76 é mais simples e ainda comum em ferramentas antigas, e CIE94 fica no meio. Resultados de fórmulas diferentes não são diretamente comparáveis, então sempre diga a qual uma tolerância se refere.

Que tolerância é aceitável?

Depende do uso. Especificações de impressão e embalagem costumam pedir ΔE 2000 abaixo de 2 ou 3, cores críticas de marca às vezes abaixo de 1, enquanto para trabalho de interface qualquer coisa abaixo de cerca de 2 é, na prática, a mesma cor.

Por que inverter as cores muda o ΔE 94?

O CIE94 pondera o resultado pelo croma da primeira cor, a de referência, então não é simétrico. CIE76, CIEDE2000 e a distância em OKLab dão o mesmo valor nos dois sentidos.

O que é ΔE OK?

A distância em linha reta em OKLab, o espaço de cor por trás do oklch() do CSS. Fica em uma escala de 0 a 1 em vez de 0 a cerca de 100, e o CSS Color 4 considera 0.02 como apenas perceptível ao levar cores para o gamut de uma tela.

Meus dados são enviados a algum servidor?

Não. Cada fórmula roda no seu navegador com JavaScript puro. Nada do que você informa é transmitido ou armazenado.

Ferramentas relacionadas

Conversor de Cores (HEX, RGB, HSL, CMYK)Verificador de Contraste de Cores (WCAG AA / AAA)Gerador de Tonalidades (Tints e Shades)Gerador de Gradiente CSS Gerador de Paleta de Cores (Harmonias)Seletor de Cor de Imagem