Distância de Cor (ΔE)
ΔE (Delta E) é a forma padrão de colocar um único número em "quão diferentes essas duas cores parecem ao olho humano". CIEDE2000 é a referência moderna — valores abaixo de ~1 geralmente indistinguíveis, abaixo de ~2 muito próximos, em torno de 10 claramente diferentes, e 50+ é canto-oposto-da-roda. CIE76 é mostrado pra uso legacy; distância RGB incluída como baseline ingênuo.
- ΔE 200031.36
- ΔE 7667.18
- Distância RGB85.15
Percepção
Diferentes — cores distintas.
ΔE é computado em CIE Lab usando branco de referência D65 — mesma convenção que toda ferramenta moderna de gerenciamento de cor.
Como usar
- Digite duas cores HEX ou escolha com os swatches.
- Leia CIEDE2000 — esse é o número perceptual confiável.
- A nota embaixo mapeia o valor pra descrição qualitativa.
Perguntas frequentes
- Por que ΔE76 é diferente de ΔE2000?
- ΔE76 é distância Euclidiana direta no espaço Lab — fácil de computar mas distorce na região azul. CIEDE2000 corrige diferenças de sensibilidade de matiz, croma e luminosidade. Software moderno de gerenciamento de cor (Pantone, X-Rite, Adobe) reporta CIEDE2000.
- Qual a diferença apenas perceptível?
- Cerca de ΔE 1 sob condições de visão controladas. Na prática — monitores ruins, luz ambiente, comparação lado a lado vs memória — visitantes geralmente começam a notar em ΔE 2–3.
- Qual fórmula devo citar numa especificação?
- CIEDE2000, a menos que uma norma ou um processo já existente exija outra. Ela corrige os pontos em que a fórmula de 1976 avalia mal a diferença — sobretudo nos azuis e nas cores muito saturadas — e as tolerâncias modernas partem dela. Use a que usar, escreva o nome da fórmula ao lado do número: uma tolerância de 2 não significa a mesma coisa nas duas.
- Um ΔE grande quer dizer que o texto vai ser legível?
- Não — são medidas diferentes. A legibilidade depende do contraste, que compara luminância relativa, enquanto o ΔE mede a diferença de cor percebida. Duas cores podem diferir muito em matiz e ainda assim reprovar num requisito de contraste por terem o mesmo brilho. Use um verificador de contraste para leitura e o ΔE para igualar cor.
Ferramentas relacionadas
Seletor de Cor OKLCH
Escolha cores no espaço OKLCH perceptualmente uniforme (luminosidade · croma · matiz) — e veja se cada escolha cabe dentro do gamut de tela sRGB.
Pré-visualização de CSS color-mix()
Compare como a função moderna CSS color-mix() mistura duas cores em diferentes espaços de interpolação (srgb, hsl, oklch, lab, lch, hwb, oklab, srgb-linear) — amostras ao vivo, hex computado, faixa de gradiente completa por espaço e CSS copiável.
Buscador de nome de cor
Encontre o nome de cor CSS, Tailwind ou XKCD mais próximo de qualquer hex/RGB — ordenado por distância perceptual em OKLab.
Simulador de modos de mesclagem CSS
Aplique os 16 modos de mesclagem do W3C (multiply, screen, overlay, soft-light, hue, color, luminosity…) a duas cores e obtenha o hex resultante e um snippet CSS mix-blend-mode pronto para copiar.
Comparador de Brilho de Cor (HSL vs Lab L* vs WCAG vs HSP)
Compare sete métricas de brilho diferentes — Luminosidade HSL, Valor HSV, Luminância Relativa WCAG (LRV), L* CIE Lab (claridade perceptual), Luma Rec. 709, Brilho Percebido HSP e média ingênua (R+G+B)/3 — para uma ou duas cores lado a lado, com deltas mostrando por que uma cor 'mais clara' pode parecer mais escura.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.