Teintes et nuances de couleurs
Gratuit en ligne Teintes et nuances de couleurs Outil, pas de nécessité d’installation
À propos des nuances et des tons de couleur
Cet outil génère des tints (variantes plus claires) et des shades (variantes plus foncées) d'une couleur de base en faisant progresser sa luminosité HSL respectivement vers 100% et vers 0%. Vous choisissez le nombre d'étapes (5-20) et cliquez sur une nuance pour copier sa valeur hexadécimale. Les tints conservent la teinte et la saturation constantes en augmentant la luminosité ; les shades la réduisent.
Mode d'emploi
1. Choisissez une couleur de base avec le sélecteur de couleur ou la saisie hexadécimale. 2. Réglez le curseur Étapes entre 5 et 20. 3. La carte Tints affiche les variantes plus claires (chacune étiquetée avec sa valeur hex et son pourcentage d'étape) ; la carte Shades affiche les variantes plus foncées. 4. Cliquez sur une nuance pour copier sa valeur hex ; une icône de coche confirme la copie.
Algorithme de génération
La couleur de base est convertie en HSL. Pour l'étape `i` de N, un tint définit `L = baseL + (100 - baseL) * (i / N)` et un shade définit `L = baseL - baseL * (i / N)`, la teinte et la saturation étant maintenues constantes. L'étiquette de pourcentage est `round((i / N) * 100)` et représente la progression le long du dégradé, pas la valeur de luminosité. Le HSL résultant est reconverti en RGB puis en hexadécimal pour l'affichage.
▶Que signifie le pourcentage sur chaque nuance ?
▶Pourquoi la teinte et la saturation restent-elles inchangées ?
▶Puis-je copier plus d'une couleur à la fois ?
▶Que se passe-t-il si je saisis une valeur hex invalide ?
Si cet outil vous a été utile, pensez à m’offrir un café.
Achetez-moi un café.