Pourquoi vos gris ne sont pas vraiment neutres

Une revue de palette qui revient d’une équipe à l’autre : la couleur de marque est juste, la typographie est juste, mais l’interface paraît froide — clinique, légèrement détachée de la marque qu’elle habille. Le soupçon se porte sur la couleur de marque ; le coupable est en général l’échelle de gris. Elle a été construite à partir de gris purs — canaux RGB égaux, chroma zéro, mathématiquement incolores — et à côté d’une palette colorée, les gris purs ont tendance à donner l’impression de pièces importées d’un autre produit.

Les gris RGB purs existent, et ils sont mathématiquement neutres — mais ils paraissent rarement neutres à côté des couleurs de marque, parce que l’œil juge « l’absence de couleur » par rapport aux couleurs qui l’entourent. La correction pratique, c’est le neutre teinté : un soupçon de chroma, environ 0,005 à 0,02 en OKLCH, vers la teinte de la marque, ce qui donne à l’échelle de gris le sentiment d’appartenir à la palette plutôt que de simplement coexister avec elle. Les deux moitiés de cette affirmation — le décalage perceptuel et la correction précise — font l’objet de cet article, qui fait partie de notre guide OKLCH.

Pourquoi un gris mathématiquement neutre paraît-il froid ?

Parce que la neutralité n’est pas mesurée par le système visuel — elle est négociée. Le fondement scientifique, c’est l’adaptation chromatique : le système visuel rééquilibre en permanence ce qui compte comme neutre en fonction de la lumière et des couleurs environnantes, ce qui explique qu’une page blanche paraisse blanche aussi bien sous une ampoule chaude que sous la lumière bleue du jour — le traitement formel se trouve sous adaptation chromatique. L’œil n’est pas un colorimètre rapportant des valeurs absolues ; c’est un instrument qui se recalibre sans cesse à zéro en fonction du contexte.

Sur un écran, la palette fait partie de ce contexte. Entourez un gris à chroma zéro d’une palette de marque chaude, et le point neutre de l’œil adapté dérive vers le chaud — le gris mathématiquement neutre se retrouve alors du côté froid de ce point, et paraît froid et distant. Le gris n’a pas changé ; c’est le point de référence qui a changé. Ce qui paraît neutre dans un design, ce n’est pas le chroma zéro — c’est ce qui s’accorde avec la température propre de la palette.

Qu’est-ce qu’un neutre teinté ?

Un gris qui concède le point : au lieu d’un chroma zéro, il porte un soupçon de chroma — généralement entre 0,005 et 0,02 en termes OKLCH — orienté vers la teinte de la marque. Cette quantité est bien en dessous de ce qui se lit comme une couleur ; un échantillon isolé paraît toujours gris. Ce qu’elle fait, c’est décaler la température de l’échelle jusqu’à ce que les gris et les couleurs de marque s’accordent sur le sens du mot neutre. C’est pourquoi les interfaces associent si souvent des gris chauds à des marques chaudes et des gris froids à des marques froides : c’est l’adaptation chromatique, mise en pratique.

La logique du dosage mérite d’être détaillée : à 0,005, la teinte est à peine mesurable ; autour de 0,01, elle est invisible sur un échantillon mais perceptible sur une grande surface ; à 0,02, un œil attentif commence à nommer la teinte. Les arrière-plans et les grands aplats se placent dans le bas de la fourchette, tandis que les petits éléments d’interface sombres peuvent en supporter un peu plus.

Pourquoi est-ce précis en OKLCH et vague en HSL ?

Parce que le chroma d’OKLCH est une quantité absolue. « Chroma 0,01 à la teinte 263 » signifie la même quantité de couleur à chaque palier de luminosité de l’échelle — une seule ligne spécifie entièrement la teinte pour toute la rampe de gris. HSL ne peut pas énoncer la règle ainsi : sa saturation est un pourcentage de ce que chaque teinte et chaque luminosité autorisent, si bien qu’« ajouter 2 % de saturation » livre une quantité réelle de couleur différente à chaque palier — plus dans les tons moyens, moins vers les extrémités — et encore une quantité différente si la teinte de la marque change. La recette du neutre teinté existe dans les deux modèles ; ce n’est qu’en OKLCH qu’elle est portable.

À quoi ressemblent les neutres teintés en chiffres ?

Voici la même courbe de luminosité deux fois — une fois à chroma 0, une fois à chroma 0,01 vers la teinte 263, la teinte d’un bleu de marque de classe #2563eb :

Lisez attentivement la colonne teintée : les canaux ne sont plus égaux — le rouge se place deux ou trois points sous le vert, le vert quelques points sous le bleu, à chaque palier. Dans une cellule de tableau, les deux colonnes paraissent presque identiques, et c’est honnête : la différence est conçue pour être invisible à la taille d’un échantillon. Elle se révèle à l’échelle d’une surface — arrière-plans de page, cartes, barres latérales — où l’échelle teintée paraît appartenir à la palette bleue et l’échelle pure paraît en être absente.

C’est pourquoi une échelle de neutres est générée dans le cadre de la palette, et non choisie séparément après coup. Ouvrez une palette de marque avec son échelle de neutres dans Scale Composer — la rampe de neutres est générée en même temps que les couleurs de marque, portant son soupçon de chroma vers la teinte de la marque, selon la même logique de luminosité que les échelles colorées.

Vos gris doivent-ils tirer vers le chaud ou le froid ?

C’est un jugement de marque, pas une formule — une marque chaleureuse et humaine et une marque froide et technique méritent des gris au tempérament différent, et la fourchette honnête va du presque pur au nettement teinté. Mais c’est un jugement qui se fait au mieux à l’œil, en taille réelle, avec les deux candidats à l’écran. Basculez l’échelle de neutres entre pur et teinté — même courbe de luminosité, chroma 0 contre chroma 0,01 à la teinte de la marque — et observez les surfaces, pas les échantillons. L’une des deux donnera le sentiment d’être venue avec la marque.