Skip to content
colors

deltaE2000

The `deltaE2000` function calculates CIEDE2000 color difference between two HEX colors. It is more perceptually accurate than simple Euclidean Lab distance.

1 min read91 words

Function Signature

js

deltaE2000(hexA: string, hexB: string, options?: { kL?: number, kC?: number, kH?: number }): number

Parameters

  • hexA (string): First HEX color.
  • hexB (string): Second HEX color.
  • options.kL, options.kC, options.kH (number, optional): Parametric weighting factors. Each defaults to 1.

Return Value

A numeric Delta E value. Lower values indicate more visually similar colors.

js

deltaE2000("#ffffff", "#ffffff");
// 0

deltaE2000("#ff6600", "#ff6700");
// small number

deltaE2000("#ff6600", "#0066ff");
// larger number

Usage Notes

  • Prefer this over deltaE76 when visual similarity matters.
  • Useful for deduplicating palettes, comparing design tokens, and measuring generated color variation.
  • Inputs are converted from HEX to Lab internally.

Previous

deltaE76

Next

generateShades


Top-Werkzeuge

BoardlyLinksyChromoCodeHub

ReadyTools

KarriereKontaktWerkzeuge
Preise7 Tage gratis
AnleitungenDocsBlogUpdatesLaraVault

Sprache wählen

Thema wählen

© 2026 ReadyTools. Alle Rechte vorbehalten.