Jamais de noir pur : choisir les fonds sombres

Un fond en mode sombre ne devrait presque jamais être d’un noir pur. La plage utile pour un fond de page se situe autour de L ≈ 0,13–0,18 en OKLCH — assez profond pour être indéniablement sombre, assez clair pour laisser de la place aux surfaces empilées au-dessus — et elle fonctionne souvent le mieux comme un quasi-noir teinté d’un soupçon de la teinte de marque plutôt qu’un neutre pur. Le noir pur échoue pour trois raisons : il ne laisse au système d’élévation aucun sol sur lequel s’appuyer, il produit une halation sous le texte clair, et il se lit comme un vide plutôt qu’une atmosphère.

Le fond est la valeur la plus lourde de conséquences du mode sombre. Chaque surface, chaque bordure et chaque lettre du thème se lit par rapport à lui, l’échelle d’élévation y est ancrée, et sa température décide si le thème sombre paraît être la même marque ou un produit différent. C’est pourquoi notre guide du mode sombre traite l’ancre de page comme la première décision du thème, non comme un détail — et pourquoi cet article consacre toute sa longueur à une seule couleur.

Pourquoi pas #000 ?

L’élévation a besoin de place sous les surfaces. Une analogie utile vient du théâtre : la scène doit se trouver sous les acteurs, sinon personne ne distingue qui se tient où. Dans un thème sombre, le fond de page est la scène — la référence à laquelle chaque surface surélevée est comparée — et cette comparaison se fait par la luminosité, parce que les thèmes sombres signalent la hauteur en s’éclaircissant avec l’élévation. Ancrez la page au zéro absolu et la scène se retrouve plaquée contre le plancher de la plage : chaque carte, chaque feuille et chaque boîte de dialogue doit caser son niveau distinct dans le bas écrasé de l’échelle, et rien — ni un renfoncement, ni un état enfoncé, ni un panneau en retrait — ne peut jamais se situer sous la page, parce qu’il n’y a pas de dessous. Une ancre à L ≈ 0,15 garde de la profondeur en réserve des deux côtés.

La halation. Du texte blanc pur sur du noir pur est la paire de contraste maximal, et pour beaucoup de lecteurs c’est aussi la moins confortable : les traits lumineux semblent déborder ou laisser une image fantôme sur le champ noir, un effet souvent rapporté comme pire pour les lecteurs atteints d’astigmatisme. L’optique derrière ce nom est décrite sous halation — la lumière qui s’étend au-delà de sa limite — et le remède concret dans le travail d’interface consiste à adoucir les deux extrêmes : un fond quasi-noir sous une couleur de texte blanc cassé, ce qui préserve un contraste ample tout en retirant le miroitement des traits.

La profondeur. Un quasi-noir profond avec une pointe de teinte tend à se lire comme une atmosphère — un espace que l’interface habite. Un #000 plat tend à se lire comme une absence : un trou dans l’écran sur lequel flottent des rectangles gris. C’est la moins mécanique des trois raisons et la plus facile à vérifier à l’œil ; placez la même mise en page sur les deux fonds et la différence de profondeur perçue est immédiate.

À quel point le fond doit-il être sombre ?

La plage utile est étroite : les ancres de page se situent couramment autour de L ≈ 0,13–0,18.

Le plancher de cette plage est fixé par les problèmes ci-dessus — descendez bien en dessous de ≈ 0,13 et vous héritez, par degrés, des défauts du noir pur, avec l’échelle d’élévation comprimée et le texte qui commence à miroiter. Le plafond est fixé par l’identité : dérivez bien au-dessus de ≈ 0,18–0,20 et la page commence à se lire comme un thème gris terne plutôt que sombre, et le texte clair qui s’y trouve commence à perdre une marge de contraste confortable. À l’intérieur de la plage, le choix relève moins de l’exactitude que de la quantité d’air dont la pile de surfaces du thème a besoin — une interface comportant de nombreux niveaux d’élévation gagne à s’ancrer dans le bas de la plage, afin que l’échelle puisse grimper plus loin avant que ses échelons supérieurs cessent de se lire comme sombres.

Le fond doit-il être neutre ou teinté de la marque ?

La même question à laquelle les thèmes clairs répondent par des neutres teintés se pose ici, avec la même logique : un gris portant un soupçon de la teinte de marque relie la scène à la palette qui s’y tient, là où un gris non teinté en reste détaché. Sur un fond sombre, l’effet est plutôt plus fort — le fond occupe une part plus grande des pixels, et un quasi-noir teinté se lit comme l’obscurité propre de la marque plutôt qu’une obscurité générique.

Dans Scale Composer, c’est le câblage par défaut : l’ancre de page sombre suit la nuance la plus profonde de la marque — le quasi-noir de classe brand-900 — de sorte que le plancher du thème porte automatiquement la teinte de marque, et lui reste couplé jusqu’à ce que vous découpliez délibérément l’ancre pour la définir indépendamment. Ouvrez le couplage de l’ancre dans Scale Composer — le fond de page sombre montré en train de suivre la nuance profonde de la marque, avec le fil de teinte visible à travers toute la pile de surfaces au-dessus.

Un report délibéré : sur les écrans OLED, le noir véritable ne coûte aucune énergie et certains produits choisissent #000 pour cette raison en toute connaissance de cause — un vrai compromis qui mérite son propre article plutôt qu’une parenthèse ici.

À quoi ressemblent les trois candidats en chiffres ?

Trois ancres, et l’échelle d’élévation que chacune permet — quatre niveaux de surface séparés par des pas de ≈ 0,04 L, soit le double de la différence à peine perceptible de ≈ 0,02 :

Les lignes du milieu et du bas ne diffèrent que par une seule décision — chroma 0 contre chroma 0,02 à la même teinte que le bleu de marque #2563eb — et ce soupçon est invisible sur un échantillon mais se ressent à l’échelle d’un écran entier, tout comme se comportent les neutres teintés en mode clair. La ligne du haut est celle qui appelle à la prudence : ce n’est pas qu’aucune échelle n’existe au-dessus du noir pur, mais qu’elle doit tenir entièrement dans le registre que les deux autres ancres réservent à la profondeur sous la scène.

Décidez l’ancre délibérément

Le couplage qui lie la page à la nuance profonde de la marque est un réglage par défaut, pas une doctrine — certaines marques veulent un plancher neutre. Découplez l’ancre et comparez — le même thème sombre avec un plancher teinté de la marque et un autre purement neutre, permutés en direct, pour que vous puissiez juger sur quelle obscurité votre palette doit reposer avant qu’un seul token soit livré.