Mis à jour 10 juillet 2026

Courbes de luminosité : pourquoi les rampes linéaires semblent fausses

Construisez une rampe bleue à dix pas de la manière la plus évidente. Prenez les extrémités habituelles — luminosité 0,97 en haut, 0,25 en bas — divisez la distance par neuf, et distribuez des sauts réguliers de 0,08. Placez ensuite le résultat à côté d’une rampe générée avec les mêmes extrémités, la même teinte, le même plan de saturation. La rampe régulière n’est pas ratée, mais à côté de la courbée elle paraît étrangement bon marché : son extrémité claire saute du blanchâtre au bleu franc sans rien entre les deux, tandis que sa moitié sombre dépense pas après pas sur des marines presque interchangeables.

La différence, c’est la courbe de luminosité. Les interfaces consomment bien plus de valeurs distinctes à l’extrémité claire d’une rampe — arrière-plans, cartes, voiles, bordures subtiles et par défaut se pressent tous entre L ≈0,84 et 0,97 — qu’à l’extrémité profonde ; une échelle bien construite répartit donc la luminosité sur une courbe : des pas serrés en haut, de plus grandes enjambées à travers les demi-tons. Dans Scale Composer, la courbe est par morceaux — deux segments avec leurs propres exposants, se rejoignant à un point de rupture aux 75 % de la descente — et l’exposant du haut est fixé par le même ratio qui pilote l’échelle typographique du site. Comment cela fonctionne, et pourquoi l’espacement régulier échoue, voilà l’objet de cet article de notre guide des échelles de couleur.

Pourquoi l’espacement régulier échoue-t-il si la luminosité est perceptuelle ?

L’objection qui mérite d’être prise au sérieux d’abord : le L d’OKLCH est une mesure perceptuelle — conçue pour que des déplacements égaux en luminosité paraissent à l’œil des déplacements à peu près égaux. Divisez-le uniformément et les pas semblent effectivement régulièrement espacés. C’est précisément le problème : l’offre de pas est uniforme, et la demande, elle, ne l’est pas.

Faites l’inventaire de l’extrémité claire d’un écran produit typique : l’arrière-plan de la page, la carte posée dessus, la rayure de tableau, un voile au survol, un remplissage sélectionné, une bordure subtile, une bordure de champ par défaut. Sept rôles qui réclament des valeurs distinguables, tous logés entre L ≈0,84 et 0,97. Une rampe linéaire accorde à tout ce voisinage deux pas — 0,97 et 0,89 — avec un écart entre eux trop grossier pour un couple arrière-plan / carte. Demandez-vous maintenant combien de quasi-noirs distincts le même écran réclame : le texte des titres, peut-être une surface à forte emphase. La rampe linéaire finance cette extrémité tout aussi généreusement. L’espacement régulier échoue non pas perceptuellement mais économiquement — il dépense de la résolution là où rien n’en a besoin.

Que fait réellement une courbe de luminosité ?

Elle déplace la résolution là où se trouve la demande. La courbe de Scale Composer est par morceaux : la rampe est scindée à un point de rupture, par défaut aux 75 % de la descente, ce qui tombe à L ≈0,43. Chaque segment suit sa propre courbe en forme d’exposant, et un exposant supérieur à 1 tasse les pas d’un segment vers son extrémité claire. Le segment du haut tasse les pas vers le blanc, donnant aux surfaces leur résolution. Le segment du bas repart doucement juste sous la rupture, créant une seconde poche de pas serrés — les valeurs de texte sombre — avant le plongeon final vers 900, où un grand saut est inoffensif parce que peu de rôles font la différence entre quasi-noirs.

Voici la courbe par défaut (au ratio d’échelle 1,333) face à la rampe linéaire, aux mêmes extrémités :

PasL linéaireL courbée
500,9700,970
1000,890≈0,939
2000,810≈0,883
3000,730≈0,810
4000,650≈0,724
5000,570≈0,626
6000,490≈0,517
7000,410≈0,423
8000,330≈0,355
9000,2500,250

Lisez d’abord l’extrémité claire. La rampe courbée place trois pas à L 0,84 ou au-dessus, contre deux pour la rampe linéaire — et, tout aussi important, ses écarts sont gradués : ≈0,031 de 50 à 100, puis ≈0,056, puis ≈0,073, contre le 0,080 fixe de la rampe linéaire. Le passage arrière-plan → carte devient un murmure au lieu d’une secousse. Lisez ensuite la moitié sombre, où apparaît la seconde poche : l’écart courbé de 700 à 800 est ≈0,068, plus serré que les enjambées de ≈0,09–0,11 qui l’entourent — précisément là où une palette veut que ses pas de texte sombre restent distinguables.

Ouvrez la courbe par morceaux sur cette rampe dans Scale Composer — les dix pas tracés sur la courbe, le point de rupture visible à 75 %, et les écarts gradués lisibles dans la liste des pas.

Une rampe à dix pas sur la courbe de luminosité par morceaux de Scale Composer : des pas clairs serrés, un point de rupture aux 75 % de la descente, et une seconde poche de pas rapprochés en dessous

Qu’est-ce que l’échelle typographique a à voir avec la rampe de couleur ?

Dans Scale Composer, les deux partagent un seul nombre. Le ratio d’échelle valable pour tout le site — le multiplicateur qui espace les tailles de police de l’échelle typographique — fixe aussi l’exposant du haut de la courbe de couleur :

p₁ = 1 + (ratio − 1) × 1.5

Une échelle de quarte juste (ratio 1,333) donne p₁ ≈ 1,5. Une tierce majeure plus dense (1,25) donne 1,375 ; une quarte augmentée plus spectaculaire (1,414) donne ≈1,62. L’effet va dans un seul sens : plus l’exposant est élevé, plus les pas clairs de la rampe épousent longtemps le blanc avant de chuter — au ratio 1,25, le pas 100 tombe à L ≈0,931 ; à 1,414 il remonte à ≈0,946, avec une descente à travers les demi-tons d’autant plus rapide.

La conséquence, c’est un système qui bouge d’un seul tenant. Choisissez une échelle typographique plus abrupte — de plus grands sauts entre les tailles de titres, une hiérarchie plus théâtrale — et les rampes de couleur s’accentuent avec elle : les valeurs claires tenues plus finement et plus longtemps, les demi-tons s’effaçant plus vite. Choisissez une échelle plus dense et plus plate, et les rampes se détendent de la même façon. Que la hiérarchie typographique et la hiérarchie chromatique doivent partager un même tempérament relève d’un parti pris de conception plutôt que d’une loi — mais les coupler apporte quelque chose de concret : un seul réglage, et aucun moyen pour les deux systèmes de diverger par accident.

Où le point de rupture doit-il se situer ?

La valeur par défaut de 75 % place la rupture à L ≈0,43, entre les demi-tons de travail et les pas de texte sombre — mais c’est un paramètre, pas une constante. Remontez la rupture plus haut sur la rampe et le segment du bas commence plus tôt : une plus grande part de l’échelle devient un territoire de résolution pour le texte. Descendez-la et le segment du haut s’étire, favorisant les surfaces. Le garde-fou pendant l’expérimentation, c’est l’alerte JND : dès que deux pas voisins se rapprochent à moins de 0,02 L — grossièrement le seuil en dessous duquel ils cessent d’être distinguables — Scale Composer signale la paire, signe qu’une courbe a été poussée jusqu’à faire s’effondrer des pas.

Faites glisser le point de rupture sur cette rampe — déplacez-le de haut en bas et regardez les poches de résolution voyager avec lui ; poussez-le assez loin et l’alerte JND montre exactement quelle paire de pas s’effondre en premier.

Continuer la lecture

  • Qu'est-ce qu'une rampe de couleur (échelle de couleur) ?

    Ce qu'est une rampe de couleur — une teinte en dix paliers de luminosité ordonnés — plus l'anatomie : quels paliers font quels travaux d'UI, et pourquoi les rampes l'emportent sur le choix d'échantillons.

  • Profils de chroma : où la saturation doit culminer

    La saturation d'une rampe de couleur a besoin d'un plan, pas d'une constante : où le chroma doit culminer, comparaison des profils en cloche et frontal, et le plancher qui garde les extrémités de la rampe fidèles à la marque.