Cercle chromatique

Chaque roue chromatique que vous avez utilisée est une tranche d’un espace de couleur, et lequel c’est décide si la roue vous apprend quelque chose. La roue familière est une tranche de HSL à 50% de luminosité. Regardez-la : le jaune en haut est aveuglant et le bleu en bas est presque noir, et HSL appelle les deux 50% de luminosité. Un schéma pris sur cette roue est un ensemble de couleurs qui n’ont rien en commun hormis un angle.

Cette roue est une tranche d’OKLCh, dont l’axe de luminosité suit ce que l’œil rapporte réellement. À un réglage donné du curseur, chaque pixel peint a la même luminosité perçue — donc se déplacer le long du pourtour change la teinte, et seulement la teinte, et deux couleurs opposées sont réellement une paire assortie plutôt que l’une criant plus fort que l’autre.

Ce qu’est ce bord déchiqueté

La zone peinte n’est pas un disque, et c’est l’élément le plus instructif de la page. La chroma s’étend vers l’extérieur depuis le gris au centre, et un pixel n’est peint que lorsque la couleur qu’il décrit existe en sRGB. Le résultat est la vraie forme du gamut à cette luminosité : les jaunes et les verts portent loin, les bleus et les violets s’arrêtent tôt, et la figure entière rétrécit vers un point quand vous tirez le curseur de luminosité vers l’un des extrêmes — parce qu’une couleur très sombre ou très claire ne peut pas être très colorée.

Une roue qui remplirait le disque mentirait là-dessus. Elle peindrait la même couleur écrêtée sur toute la région hors gamut, et vous choisiriez une valeur que votre écran ne peut pas montrer sans jamais être prévenu.

Comment les schémas sont calculés

Chaque schéma est un ensemble de rotations de teinte — 180° pour le complémentaire, ±30° pour l’analogue, des pas de 120° pour le triadique, 150° et 210° pour le complémentaire divisé — appliquées en OKLCh avec luminosité et chroma maintenues. Si une teinte pivotée atterrit hors gamut, sa chroma est ramenée par recherche dichotomique jusqu’à ce qu’elle rentre, ce qui garde la teinte et la luminosité exactes et n’abandonne que la saturation qui n’était de toute façon pas disponible.

Honnête sur ce que vaut un schéma

Une harmonie est une relation arithmétique, pas un design. Le triadique vous donne trois teintes espacées de 120° ; il ne vous dit pas que deux d’entre elles doivent être atténuées au dixième de leur chroma avant que la troisième puisse servir d’accent. Les interfaces sont construites pour l’essentiel à partir d’une teinte et d’un dégradé neutre, avec une seconde teinte pour une action destructrice — l’option monochromatique est plus proche de ce que livrent les vrais design systems que quoi que ce soit d’autre sur cette liste. Utilisez la roue pour trouver les relations, puis jetez la plus grande partie de la saturation.