Mis à jour 10 juillet 2026

Profils de chroma : où la saturation doit culminer

Générez deux rampes à partir de la même couleur de départ bleue — #2563eb, soit oklch(0.546 0.215 262.9) — et placez-les côte à côte. Mêmes dix pas, même courbe de luminosité, même teinte. Dans la première rampe, la couleur monte progressivement et brûle le plus vivement autour des pas du milieu, là où vivent les boutons et les liens ; les teintes claires restent discrètes. Dans la seconde, la vivacité arrive tôt : les pas 100–300 — les teintes que vous utiliseriez pour les remplissages au survol et les surfaces colorées — portent visiblement plus de couleur, et la rampe a dépensé l’essentiel de son budget de saturation avant le milieu. Aucune des deux rampes n’est fausse. Ce sont deux réponses à une question à laquelle toute échelle de couleur générée doit répondre quelque part.

Cette réponse, c’est le profil de chroma : le plan de saturation de la rampe — une courbe qui décide où, le long de l’échelle, la coloration culmine et comment elle décroît vers les extrémités. Une rampe ne peut pas maintenir une saturation constante : près du blanc et près du noir, le gamut ne laisse presque aucune place à la couleur, et même entre les deux, une saturation uniforme rend mal — c’est pourquoi une échelle bien construite façonne le chroma délibérément, montant vers un pic là où la palette travaille le plus, s’atténuant vers les extrêmes, et conservant un plancher pour que les extrémités ne virent jamais au gris complet. Choisir cette forme est le sujet de cet article, qui fait partie de notre guide des échelles de couleur. (Le chroma est la mesure absolue de coloration d’OKLCH — la distinction formelle entre coloration, chroma et saturation est un sujet à part entière ; ici, il suffit de retenir que plus de chroma signifie plus de couleur.)

Pourquoi une rampe ne peut-elle pas maintenir une saturation constante ?

Deux raisons — l’une physique, l’autre esthétique.

La physique : le plafond s’effondre aux deux extrémités. Une couleur à la luminosité 0,97 n’a presque aucune marge pour le chroma avant de sortir du gamut — un blanc cassé vif, ça n’existe pas — et le même effondrement se produit à l’approche du noir. Une rampe qui demande le même chroma à chaque pas se retrouve écrêtée aux deux bouts : plusieurs pas plaqués sur le peu que le plafond autorise, et la progression régulière meurt précisément là où vivent les arrière-plans et le texte sombre.

L’esthétique : même là où un chroma constant est atteignable, il rend mal. Des teintes claires poussées à pleine saturation paraissent radioactives — des couleurs de surligneur là où devrait se poser une surface apaisée — et les pas sombres à pleine saturation tendent à devenir boueux, car à faible luminosité un chroma lourd se lit comme de la vase plutôt que comme de la richesse. L’intuition à retenir : l’œil accorde le plus de place à la couleur dans les demi-tons, et la forme du gamut reflète cela. Une vivacité placée au milieu de la rampe paraît intentionnelle ; une vivacité forcée aux extrémités ressemble à une erreur.

La question n’est donc pas de savoir s’il faut façonner la saturation le long de la rampe, mais où placer le pic.

Où le pic de saturation doit-il se situer ?

Deux formes couvrent la plupart des palettes.

En cloche — pic au milieu de la rampe. Le chroma monte jusqu’à un maximum juste avant le milieu de la rampe et retombe des deux côtés. Dans Scale Composer, c’est le profil par défaut : le pic se situe autour des pas 400–500, là où une couleur de départ comme #2563eb se place sur la courbe de luminosité — le cœur de la marque s’affiche donc à vivacité maximale tandis que les teintes et les nuances restent en soutien. Choisissez la cloche quand le rôle de la rampe est le travail de marque classique : boutons, liens, composants pleins, les moments de couleur d’une interface.

Frontal — pic plus tôt. Le chroma culmine environ au premier tiers de la descente, en territoire clair, puis décroît à travers les demi-tons. Choisissez le frontal quand la rampe gagne sa vie dans les pas clairs : interfaces chargées d’arrière-plans, cartes et surfaces teintées, pages marketing baignées de teinte de marque — des palettes où 100–300 sont les pas de travail et où 500 est un visiteur occasionnel.

À quoi ressemblent les deux profils en chiffres ?

Dans Scale Composer, les deux profils sont des courbes de pondération sur la position t dans la rampe (0 = pas le plus clair, 1 = le plus sombre), multipliées par le chroma de pic de la rampe :

bell(t)  = exp(−10 · (t − 0.45)²)
front(t) = exp(−7 · (t − 0.30)²)

Pour le chroma de pic de 0,215 de la couleur de départ bleue, les dix pas donnent ceci :

PasC en clocheC frontal
50≈0,028≈0,115
100≈0,068≈0,167
200≈0,128≈0,206
300≈0,188≈0,213
400≈0,215≈0,186
500≈0,192≈0,136
600≈0,134≈0,084
700≈0,073≈0,043
800≈0,031≈0,026 (plancher)
900≈0,026 (plancher)≈0,026 (plancher)

Deux choses à tirer de ce tableau. D’abord, les profils sont des demandes, pas des garanties : le générateur plafonne toujours chaque pas sous le plafond du gamut, si bien que le ≈0,115 du frontal au pas 50 — beaucoup demander à un bleu quasi blanc — est ramené à ce que le gamut peut contenir, avec de la marge à revendre. Ensuite, regardez le pas 200 : ≈0,128 en cloche contre ≈0,206 en frontal — plus de moitié en plus de couleur dans la même teinte. Cette différence constitue l’essentiel du sens pratique du choix de profil.

Ouvrez les deux profils sur la même couleur de départ bleue dans Scale Composer — cloche et frontal côte à côte, luminosité identique, seul le plan de chroma change. Les pas clairs racontent toute l’histoire.

Deux rampes bleues issues de la même couleur de départ comparées : un profil en cloche culminant au milieu de la rampe face à un profil frontal culminant dans les pas clairs

Pourquoi les extrémités de la rampe ont-elles besoin d’un plancher de chroma ?

Les deux colonnes du tableau butent sur ≈0,026 au lieu de continuer vers zéro. C’est le plancher : 12 % du pic, appliqué pour que même les pas 50 et 900 conservent une pointe de la teinte.

Sans lui, la décroissance exponentielle amène les pas extrêmes à un chroma quasi nul — et un pas à chroma nul, c’est du gris générique, indistinct d’une marque à l’autre. Avec lui, le 50 quasi blanc est faiblement mais reconnaissablement bleu, et le 900 est un bleu-noir plutôt qu’un noir plat. Le raisonnement est le même que derrière les neutres teintés : un murmure de chroma est invisible dans un échantillon mais se ressent sur toute une surface, et c’est ce qui fait qu’un arrière-plan de page ou un titre sombre se lit comme appartenant à cette palette plutôt qu’à aucune. Le plancher relie les extrémités de la rampe à la marque.

Comment choisir entre cloche et frontal ?

Demandez-vous où la rampe gagne sa vie. Si ses pas de travail sont les demi-tons — boutons, liens, états actifs — prenez la cloche, et le cœur de la marque s’affiche à pleine vivacité. Si ses pas de travail sont clairs — teintes de surface, lavis, mises en page chargées d’arrière-plans — prenez le frontal, et les teintes portent la couleur pendant que les demi-tons se calment. Une palette de produit peut mélanger : la cloche pour la rampe de marque, le frontal pour une teinte de soutien utilisée surtout comme surfaces teintées.

Deux remarques de cadrage. Un profil façonne une rampe, pas tout le thème : une palette sombre dérivée d’une palette claire replanifie le chroma selon ses propres termes — dans Scale Composer, les palettes sombres dérivées suivent leur propre courbe de luminosité et augmentent le chroma d’environ 20 %, car un environnement sombre atténue la coloration perçue. Et aucun profil ne sauve un pic réglé trop haut : le profil répartit le pic, le plafond du gamut le régit toujours.

Le plancher est la plus facile de ces idées à comprendre en le supprimant. Ouvrez la même rampe avec le plancher désactivé, puis activé — sans le plancher, les pas 50 et 900 s’effondrent en gris ordinaire et les extrémités de la rampe pourraient appartenir à n’importe quel produit ; rétablissez-le et regardez-les rejoindre la palette.

Continuer la lecture