Qu’est-ce que le chroma (et en quoi n’est-il pas la saturation) ?

Tentez une petite expérience dans n’importe quel sélecteur de couleur HSL. Réglez une couleur sur hsl(60, 100%, 50%) et une autre sur hsl(240, 100%, 50%) — un jaune et un bleu, tous deux à « 100 % de saturation ». Demandez-vous maintenant lequel porte le plus de couleur. Mesurée perceptuellement, la réponse n’est pas un match nul : le bleu contient environ une fois et demie plus de coloration que le jaune (0,31 contre 0,21 en chroma OKLCH). Deux couleurs, des valeurs de saturation identiques, des quantités de couleur différentes.

Voilà la différence en une phrase : le chroma mesure la coloration comme une quantité absolue — 0,15 de chroma représente la même quantité de couleur dans n’importe quelle teinte — tandis que la saturation est un pourcentage relatif du maximum que cette teinte et cette luminosité particulières autorisent. La saturation indique jusqu’où un curseur est poussé ; le chroma indique combien de couleur est réellement présente. Cette distinction traverse tout notre guide OKLCH, et cet article explique pourquoi elle compte en pratique.

Pourquoi « 100 % » signifie-t-il des quantités de couleur différentes ?

Parce que chaque teinte a un plafond différent. Le jaune le plus coloré qu’un écran puisse afficher est, perceptuellement, une quantité modeste de couleur à une très haute luminosité ; le bleu le plus coloré est une grande quantité de couleur à une faible luminosité. Le traitement formel de ces termes — coloration, chroma et saturation — les distingue précisément, mais la partie pertinente pour le design tient dans un tableau. Voici les trois coins les plus saturés du gamut sRGB, mesurés en OKLCH :

Toutes trois sont « saturées à 100 % » au sens HSL — le curseur ne peut pas aller plus loin. Pourtant leur chroma mesuré diffère de 50 %, et chacune atteint son maximum à une luminosité totalement différente. Un pourcentage de plafonds aussi inégaux ne peut pas décrire à quel point une chose est colorée ; il ne peut décrire que sa proximité avec la limite de sa propre teinte.

À quoi ressemble le plafond de chroma ?

Le plafond du chroma dépend à la fois de la teinte et de la luminosité, et sa forme détermine le comportement des palettes. Près du blanc, le plafond de chaque teinte s’effondre vers zéro — une couleur très claire ne peut jamais être que légèrement colorée (le pastel vif n’existe pas). Près du noir, le plafond s’effondre de la même manière. L’espace pour la couleur vit dans les tons moyens, et la quantité d’espace — et la luminosité à laquelle se situe le pic — varie selon la teinte, comme le montre le tableau ci-dessus.

C’est pourquoi les échelles de couleur générées façonnent le chroma délibérément au lieu de le maintenir constant. Une rampe qui demande le même chroma à chaque palier viendrait heurter le plafond aux deux extrémités ; une rampe qui suit le plafond rendrait chaque teinte criarde au maximum. Le juste milieu pratique est un profil : le chroma monte vers les tons moyens et s’atténue vers les extrêmes, avec un plancher pour que même les paliers proches du blanc et du noir conservent une trace de la teinte au lieu de virer au gris.

Ouvrez une rampe avec un profil de chroma en cloche dans Scale Composer — la coloration culmine dans les paliers du milieu et s’estompe vers les deux extrémités, tandis que la courbe de luminosité reste indépendante. Les deux axes accomplissent des tâches différentes, visiblement.

Comment le chroma doit-il guider le choix des couleurs d’accent ?

Raisonnez en budget de chroma plutôt qu’en ressenti de saturation. Les couleurs se lisent comme « aussi vives » lorsque leur chroma est comparable — pas lorsque leurs pourcentages de saturation coïncident. Conséquences pratiques :

• Accorder des accents entre teintes. Si votre vert de réussite et votre ambre d’avertissement doivent paraître aussi forts l’un que l’autre, donnez-leur un chroma similaire. Accorder les pourcentages de saturation fera crier l’un et chuchoter l’autre, car les plafonds des deux teintes diffèrent.
• Une interface calme a un plafond de chroma. Les interfaces qui paraissent posées tendent à dépenser un chroma élevé à un ou deux endroits et à garder tout le reste bas. Parce que le chroma est absolu, un plafond comme « rien au-dessus de 0,12 sauf l’action principale » est applicable à toutes les teintes — la même règle exprimée en pourcentages de saturation autoriserait des intensités radicalement différentes.
• Les neutres sont à faible chroma, pas à chroma nul. Un gris avec 0,01–0,02 de chroma vers la teinte de la marque se lit comme intentionnel ; la même idée est impossible à formuler proprement en termes de saturation.

Que se passe-t-il quand vous demandez plus de chroma qu’il n’en existe ?

La demande est ramenée à la frontière du gamut — et là où ce plafonnement survient, les rampes s’aplatissent : plusieurs paliers finissent bloqués à la même coloration maximale, et la progression douce meurt exactement là où la palette devrait rayonner. Les générateurs d’échelles s’en prémunissent en plafonnant le chroma demandé légèrement en dessous du plafond physique, en conservant une marge de sécurité à chaque luminosité.

Vous pouvez trouver le plafond vous-même : ouvrez la même rampe et augmentez le multiplicateur de chroma palier par palier. Observez les tons moyens se saturer en premier, puis cesser de réagir à mesure qu’ils atteignent la limite, tandis que les extrémités claire et sombre — avec leurs plafonds plus bas — avaient cessé de bouger bien avant. La colonne de luminosité ne bronche jamais. Ce plafond obstiné que vous venez de tracer, c’est la différence entre chroma et saturation, ressentie : la saturation en est un pourcentage, le chroma est la chose elle-même.