Générez une palette analogue depuis une couleur hexadécimale

Le générateur convertit la base en HSL, répartit les couleurs uniformément dans une fenêtre de soixante degrés centrée sur la teinte d'origine, puis normalise chaque résultat en hexadécimal. Une demande d'une couleur restitue la base ; les palettes plus grandes incluent les deux limites de trente degrés. Ce calcul déterministe convient aux jetons de design, graphiques, illustrations et chaînes de compilation reproductibles.

Choisissez la couleur de base et la taille

Commencez par une couleur CSS hexadécimale de trois ou six chiffres, avec ou sans dièse initial. La notation courte est développée avant la conversion : #36c et #3366cc représentent donc la même couleur et donnent la même sortie normalisée. Choisissez ensuite count, le nombre exact de nuances renvoyées. Il doit s'agir d'un entier supérieur ou égal à un ; zéro et les valeurs négatives sont refusés. Avec un count de un, le générateur conserve la teinte de base. Avec deux, il renvoie les limites situées à moins trente et plus trente degrés. Avec trois, la base se place entre ces limites. Les valeurs supérieures ajoutent des intervalles égaux dans la même fenêtre sans élargir l'harmonie. La saturation et la luminosité ne changent pas : seule la teinte varie. La réponse reprend la base normalisée et le nombre demandé, puis décrit chaque nuance par son indice, son décalage signé, son angle circulaire et son code hexadécimal minuscule à six chiffres.

Comprenez la répartition sur le cercle chromatique

Les couleurs analogues occupent des positions voisines sur un cercle de teintes. Cette capacité emploie une fenêtre fixe allant de trente degrés sous la teinte de base à trente degrés au-dessus, soit une étendue totale de soixante degrés. Pour tout count supérieur à un, l'intervalle est cette étendue divisée par count moins un. Cinq couleurs utilisent ainsi -30, -15, 0, 15 et 30 degrés ; quatre utilisent -30, -10, 10 et 30. Comme la teinte est circulaire, un décalage qui franchit zéro revient près de trois cent soixante au lieu de produire un angle négatif invalide. L'algorithme lit les canaux RGB, les convertit en HSL, applique chaque déplacement, puis reconvertit le résultat en RGB entier et en hexadécimal. Son arrondi déterministe garantit le même JSON pour la même entrée. Les couleurs neutres restent valides : un gris ayant une saturation nulle, modifier sa teinte mathématique ne change pas son RGB visible et peut produire plusieurs codes identiques.

Intégrez la palette à vos processus

Employez le tableau généré lorsqu'une famille reproductible de couleurs proches compte davantage qu'un contraste spectaculaire. Un système de design peut relier les indices à des propriétés telles que accent-1 à accent-5 et les recalculer lorsque la couleur principale de la marque change. Un outil graphique peut demander autant de nuances que de séries dans un rapport, puis les affecter dans l'ordre pour préserver la cohérence. Un logiciel d'illustration peut transformer une couleur choisie en remplissages et détails contrôlés, les changements de luminosité restant une opération séparée. Le résultat convient aussi aux tests d'instantanés, car il ne contient ni hasard, ni date, ni réponse réseau, ni variation de modèle. Conservez la couleur de base et count comme source de référence. Avant d'utiliser une nuance pour du texte, des icônes ou des commandes, vérifiez son contraste avec le fond réel : une harmonie analogue ne garantit pas la conformité WCAG. Chaque élément API réussi coûte $0.002. Validez count dans votre interface et affichez l'erreur s'il est inférieur à un ou n'est pas entier.