Générateur de palette carrée

Saisissez une couleur hexadécimale : le générateur conserve sa saturation et sa luminosité, puis produit la teinte de base et trois couleurs associées équilibrées. Le résultat fournit des valeurs hexadécimales, RGB et HSL réutilisables dans un système de design, une feuille de style, une illustration ou une recherche d’identité visuelle. Le calcul est déterministe : une même entrée valide renvoie toujours la même palette ordonnée, sans hasard ni accès au réseau.

Comment construire une harmonie chromatique carrée

Une harmonie carrée divise les 360 degrés du cercle chromatique en quatre quartiers égaux. La couleur saisie occupe le premier point, puis le générateur ajoute 90, 180 et 270 degrés à sa teinte. La saturation et la luminosité restent inchangées : seule la teinte varie, ce qui rend la relation mathématique de la palette parfaitement lisible. Cette méthode diffère d’un schéma tétradique rectangulaire, dont les espacements alternent au lieu d’être égaux. Chaque échantillon renvoyé comprend son décalage de teinte exact, des valeurs HSL normalisées, ses canaux RGB et un code hexadécimal de six chiffres en minuscules. La rotation reprend correctement après 360 degrés ; une base proche de la fin du cercle se comporte donc comme toute autre couleur. Pour les tons neutres tels que le gris, la saturation HSL vaut zéro et la rotation ne crée aucune différence visible : il s’agit d’une propriété normale du modèle. La sortie commence toujours par la base normalisée, puis suit les trois autres rotations.

Choisir et employer les quatre couleurs

Un espacement régulier apporte de la variété, mais la qualité de la hiérarchie visuelle dépend toujours du rôle attribué à chaque couleur. Vous pouvez d’abord réserver la base à la couleur dominante d’une marque, d’un arrière-plan ou d’une illustration. Affectez une teinte décalée à l’accent principal, une autre à l’accent secondaire, puis gardez la couleur opposée pour les éléments qui exigent une séparation forte. Comme les quatre échantillons partagent saturation et luminosité, ils ont initialement un poids visuel comparable. Dans une interface finalisée, créez ensuite des variantes plus claires ou plus sombres afin que textes, bordures, aplats et états interactifs ne rivalisent pas tous. Vérifiez systématiquement le contraste entre premier plan et fond : une harmonie chromatique ne garantit pas l’accessibilité. Le générateur constitue un point de départ rigoureux, sans imposer une surface égale à chaque teinte. Une répartition efficace privilégie souvent une couleur, en soutient une ou deux et emploie la dernière avec parcimonie.

Intégrer un résultat déterministe aux processus de design

Une sortie déterministe est précieuse dès qu’une palette entre dans un processus automatisé. Une valeur hexadécimale de base enregistrée peut recréer les quatre mêmes couleurs pendant une compilation, dans un script de jetons de design ou lorsqu’un client modifie un thème. La normalisation rend cohérentes les écritures abrégées et les différences de casse, tandis que les tableaux renvoyés permettent de copier les quatre codes ou d’examiner les données structurées. Puisque l’algorithme applique des conversions HSL et des décalages fixes, il ne classe pas les couleurs selon un goût, ne déduit aucune ambiance et ne retouche pas discrètement les échantillons. Cette transparence simplifie la vérification et la reproduction. Conservez la couleur de base avec la palette afin que vos futurs collaborateurs en comprennent l’origine. Si vous adaptez ensuite saturation ou luminosité à un usage précis, gardez l’ensemble carré original comme référence et documentez séparément les variantes. Une requête API coûte $0.002; la version navigateur permet une exploration manuelle sans transmettre la couleur ailleurs.