Mis à jour 10 juillet 2026

Qu’est-ce qu’une JND — quand deux couleurs semblent identiques

Voici une expérience de cinq secondes. Deux gris : #808080 et #828282. Placez-les côte à côte, bords en contact, et décidez lequel est le plus clair. En luminosité OKLCH, ils se situent à ≈0,600 et ≈0,607 — une différence que la plupart des observateurs ne parviennent pas à repérer, même au bord commun. Remplacez maintenant le second échantillon par #868686, à ≈0,620 : pour la plupart des gens, une fine couture apparaît là où les échantillons se rejoignent. Écartez-les, et pour bien des observateurs, même cette différence se dissout.

La limite que franchit cette expérience porte un nom : la différence à peine perceptible (JND) — le plus petit changement d’un stimulus qu’un observateur peut détecter de façon fiable. Tout ce qui est plus petit n’est pas une différence plus subtile ; perceptuellement, ce n’est aucune différence. Pour les échelles de couleur, la conséquence est brutale : deux paliers plus proches qu’une JND forment une seule couleur avec deux noms. En luminosité OKLCH, une différence d’environ 0,02 L est un seuil exploitable pour le travail d’interface.

D’où vient ce seuil, comment les palettes finissent par l’enfreindre, et ce que cela coûte lorsqu’elles le font — voilà l’objet de cet article. Le modèle de couleur dans lequel ce seuil se mesure a sa propre série dans notre guide OKLCH.

D’où vient l’idée de la JND ?

De la psychophysique, la tradition de recherche qui mesure comment le changement physique se traduit en changement perçu. La différence à peine perceptible est étudiée depuis le XIXe siècle, à commencer par les expériences d’Ernst Weber sur le soulèvement de poids : de combien un poids doit-il s’alourdir avant qu’une personne ne s’en aperçoive ? Le constat récurrent est que la détection tend à évoluer proportionnellement — un petit ajout est évident sur une charge légère et invisible sur une charge lourde — et le même schéma vaut pour la luminosité, le volume sonore et, avec davantage de dimensions en jeu, la couleur.

Deux propriétés de ce concept comptent pour le travail de design. Premièrement, une JND est une quantité statistique : « détecter de façon fiable » signifie détecté dans une part convenue d’essais, et non un interrupteur qui bascule. Deuxièmement, elle varie selon les conditions — des plages adjacentes révèlent de plus petites différences que des plages séparées, les grandes surfaces plus que les fines lignes, les environnements calmes plus que les environnements chargés. Tout chiffre unique est donc une règle empirique d’ingénierie calibrée pour une observation typique, non une constante de la nature. En science de la couleur, la mesure générale de différence est le delta E, et une JND correspond à peu près à ΔE 1–2 — un ordre de grandeur, non une constante précise. Le chiffre de 0,02 pour la luminosité OKLCH est la même idée projetée sur l’unique axe le long duquel les palettes se construisent le plus souvent.

À quelle distance deux paliers de palette sont-ils trop proches ?

Faites le calcul sur une rampe d’interface couvrant toute la plage. Une échelle allant du presque-blanc au presque-noir peut s’étendre d’une luminosité de 0,97 jusqu’à 0,25 — un budget de 0,72 à répartir. Les paliers se placent aux extrémités des écarts, donc n paliers créent n − 1 écarts :

PaliersÉcartsL par écartLecture
1090,080confortable — quatre fois le seuil
25240,030proche de la limite
4039≈0,018en dessous — les paliers adjacents fusionnent

Et cela suppose un espacement parfaitement régulier. Beaucoup de rampes réelles adoucissent leurs courbes près des extrémités, si bien que la paire la plus serrée l’est plus que la moyenne — les ennuis arrivent avant que l’écart moyen n’atteigne 0,02.

Scale Composer vérifie cela paire par paire : un avertissement JND se déclenche dès que deux paliers adjacents se retrouvent à moins de 0,02 L l’un de l’autre. Ouvrez une rampe conçue pour le déclencher — des dizaines de paliers sur une courbe de luminosité peu prononcée. Les paires signalées sont précisément les voisines que vous ne parviendrez pas à distinguer.

Une rampe de couleur dans Scale Composer avec de nombreux paliers sur une courbe de luminosité peu prononcée, l'avertissement JND signalant les paires adjacentes plus proches que 0,02 de luminosité

D’où viennent les paliers proches de la JND ?

Deux causes expliquent la plupart des cas :

  • Trop de paliers pour l’amplitude de luminosité. La rampe de 40 paliers ci-dessus en est la version évidente. La version subtile, c’est une amplitude étroite : une pile de surfaces en mode sombre confinée entre L 0,45 et 0,25 ne dispose que de 0,20 à dépenser, si bien que douze paliers créent onze écarts de ≈0,018 chacun — sous le seuil, alors même que douze paliers sur toute la plage seraient généreux.
  • Des rampes aplaties contre le plafond du gamut. Un écran ne peut afficher qu’une certaine quantité de chroma à chaque luminosité ; les paliers poussés au-delà de cette limite sont ramenés à la couleur affichable la plus proche, et cet écrêtage efface la distance — deux paliers distincts dans le modèle peuvent se retrouver presque l’un sur l’autre à l’écran. C’est l’une des raisons pour lesquelles les générateurs plafonnent le chroma légèrement sous le plafond : cette marge préserve les différences promises par la courbe de luminosité.

Pourquoi les paliers fusionnés comptent-ils au-delà de l’esthétique ?

Une palette est, fonctionnellement, un alphabet de signalisation : chaque palier vaut exactement la différence visible entre lui et ses voisins. Un palier sous la JND ajoute un nom au vocabulaire mais aucun signal — un coût sans information. Deux défaillances en découlent directement :

  • De faux choix. Un jeu de tokens proposant gray-200 et gray-250 que personne ne peut distinguer impose des décisions sans conséquence visible. L’équipe débat de celui qui est correct, l’interface a l’air identique dans les deux cas, et l’incohérence reste invisible jusqu’à ce qu’un audit compte les tokens au lieu de regarder les écrans.
  • Une signalisation d’état rompue. Si les fonds au repos et au survol d’une carte ne sont séparés que de 0,015 L, le produit possède un état d’interaction que les utilisateurs ne peuvent pas percevoir. Le retour visuel fonctionne lors de la revue de design, où quelqu’un fait basculer les deux états d’avant en arrière, et échoue à l’usage, où personne ne le fait. Désactivé contre activé, sélectionné contre non sélectionné — toute paire d’états projetée sur un palier sous le seuil hérite du même silence.

Que faire quand l’avertissement se déclenche ?

Les deux réparations honnêtes sont soustractives : moins de paliers sur la même amplitude, ou une amplitude plus large pour le même nombre de paliers. Ce qui n’aide pas, c’est d’écarter à la main la paire signalée — cela ne fait que déplacer l’encombrement vers la paire suivante — et ce à quoi il ne faut pas toucher, c’est le seuil lui-même, car la limite réside dans les observateurs, pas dans le logiciel. Ouvrez la version corrigée de la même rampe — la même amplitude de luminosité portant un nombre de paliers qu’elle peut soutenir : chaque écart adjacent repasse au-dessus de 0,02, et deux voisines quelconques redeviennent deux couleurs que vous pouvez distinguer.

Continuer la lecture

  • Qu'est-ce qu'OKLCH ? Une explication pour les designers

    OKLCH décrit la couleur avec trois valeurs qui correspondent à la perception humaine : luminosité, chroma, teinte. Découvrez pourquoi il a remplacé HSL pour les palettes, les rampes et le contraste.

  • Qu'est-ce que l'uniformité perceptuelle ?

    L'uniformité perceptuelle signifie que des distances numériques égales paraissent des différences visibles égales. Pourquoi RGB et HSL échouent au test, et ce que l'uniformité apporte au travail de design.