LABO CODE COULEUR

Cercle chromatique interactif

Explorer la teinte, la saturation et la luminosité d’une couleur sRGB pour comprendre comment chaque réglage modifie le résultat.

RÉPONSE DIRECTE

La teinte parcourt le cercle, la saturation règle l’intensité et la luminosité HSL rapproche la valeur du noir ou du blanc. HSL est commode pour explorer, mais n’est pas perceptuellement uniforme.

01Teinte0 à 359 degrés
02SaturationDu gris à l’intensité maximale
03Luminosité HSLDu noir au blanc
01

Lire les trois curseurs

La teinte indique une direction autour du cercle : rouge près de 0°, vert autour de 120° et bleu autour de 240°. À saturation nulle, cette direction n’a plus d’effet visible car le résultat est gris.

La luminosité HSL vaut 0 % au noir et 100 % au blanc. À 50 %, elle ne garantit ni la même clarté perçue ni le même contraste pour toutes les teintes.

02

Pourquoi deux pas égaux ne paraissent pas égaux

HSL est construit depuis les canaux sRGB, pas depuis un modèle uniforme de la perception. Déplacer un curseur de dix points peut produire un changement plus fort dans une zone du cercle que dans une autre.

Pour créer une gamme dont les écarts de clarté semblent réguliers, contrôlez visuellement le résultat et envisagez un espace perceptif tel que Lab ou OKLCH dans un outil adapté.

03

Utiliser le cercle comme carte, pas comme règle

Complémentaires, analogues et triades aident à générer des hypothèses. La lisibilité, la proportion, le support et le contexte culturel décident ensuite si l’accord fonctionne réellement.

Méthode et révision

Les calculs sont exécutés dans le navigateur à partir des valeurs saisies. Les limites propres à cet outil sont indiquées ci-dessus ; la méthode générale et les formules sont documentées dans le référentiel.

Révision : 21 août 2026 · Éditeur : Blue Painter SARL · Signaler une erreur.