Générateur de nuances de couleur
Générez des déclinaisons claires et sombres à partir d'une couleur hexadécimale de base avec un nombre d'échelons personnalisable.
Exécuter l’outil
Cet outil génère des déclinaisons claires et sombres à partir d'une couleur hexadécimale de référence. Vous pouvez définir une teinte initiale sous la forme d'un code à trois ou six caractères, avec ou sans dièse initial. L'outil applique automatiquement le préfixe manquant et étend les notations courtes à trois chiffres avant le calcul des variantes. Vous déterminez ensuite le nombre d'échelons souhaités pour chaque série de nuances. L'interface propose d'activer ou de désactiver séparément le groupe des teintes plus claires et celui des teintes plus sombres. Chaque canal chromatique est ajusté, arrondi à l'entier le plus proche puis borné entre 0 et 255 afin de produire des codes hexadécimaux valides. En cas de valeur hexadécimale incorrecte ou impossible à analyser, un message d'erreur signale le problème directement dans les données retournées. Cet ensemble de nuances facilite la construction d'échelles visuelles cohérentes pour vos interfaces logicielles, maquettes graphiques et feuilles de style CSS.
Mode d’emploi
- Saisissez un code couleur hexadécimal (par exemple #3498db ou f06).
- Indiquez le nombre d'étapes souhaité pour répartir les nuances graduelles.
- Cochez ou décochez les options pour inclure les teintes claires, les teintes sombres, ou les deux.
- Lancez la génération pour afficher la liste ordonnée des codes hexadécimaux obtenus.
Exemples
- Couleur #3498db avec 5 étapes, teintes claires et sombres activées : génère deux séries de 5 codes hexadécimaux allant progressivement vers le blanc et vers le noir.
- Couleur f00 avec 3 étapes et uniquement les teintes claires cochées : convertit la saisie en #ff0000 et génère une liste de 3 nuances éclaircies.
FAQ
Que se passe-t-il si le symbole # est omis devant le code couleur ?
L'outil insère automatiquement le préfixe # manquant avant d'analyser la valeur, ce qui permet de saisir indifféremment 3498db ou #3498db.
Comment la notation hexadécimale courte à 3 caractères est-elle gérée ?
Chaque caractère est automatiquement dupliqué pour former un code standard à 6 caractères (par exemple, f0a devient #ff00aa) avant le calcul des variantes.
Est-il possible de générer uniquement les nuances sombres ?
Oui, il suffit de décocher l'option des teintes claires et de conserver uniquement celle des teintes sombres pour obtenir exclusivement la progression vers le noir.
Comment sont traitées les valeurs hors limites ou les erreurs de saisie ?
Les canaux de couleur calculés sont systématiquement bornés entre 0 et 255. Si la chaîne saisie ne correspond pas à un code hexadécimal valide, un message d'erreur explicite est renvoyé dans le panneau de résultat.