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.
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.
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é.
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 éditoriale : 22 août 2026 · Direction éditoriale : Nicolas Belotti · Signaler une erreur.
MODE D’EMPLOI VÉRIFIABLE
Ce que l’outil accepte, calcule et ne décide pas
Entrée fiable
Une teinte de départ en sRGB, puis un mode d’harmonie choisi explicitement.
Résultat obtenu
Des positions angulaires utiles pour explorer, pas une garantie esthétique ni un nuancier matière.
Décision suivante
Conserver deux ou trois candidats, les tester en proportions réelles et vérifier chaque contraste de texte.