Générateur de nuances et teintes de couleur

Notes pour développeurs

• Mélange RVB linéaire classique, pas un mélange par luminosité HSL : teinte_i = base + (blanc - base) * i/étapes, nuance_i = base + (noir - base) * i/étapes, canal par canal en sRGB. • colorjs.io analyse uniquement la couleur collée — le mélange lui-même est une interpolation simple, sans autre bibliothèque de couleur. • À i = étapes, la dernière teinte est exactement blanche et la dernière nuance exactement noire, sans dérive d'arrondi. • Les deux échelles s'affichent toujours ensemble — il n'y a pas de bascule de direction ni de troisième échelle « tons » (mélange vers le gris). • swatchFormat choisit un format CSS à la fois pour chaque nuance ; collez la valeur d'une nuance dans Convertisseur de couleurs pour un aperçu complet des formats.

Options

• Étapes — Nombre de nuances générées dans chacune des échelles Teintes et Nuances. 5 à 15, 10 par défaut — une échelle à 5 étapes convient à une vérification rapide, 10 à 15 à une palette complète de jetons de design.
• Format de nuancier — Le format CSS affiché et copié pour chaque nuance, sur les deux échelles : HEX, RGB ou HSL. HEX par défaut, le format universel prêt à coller.

Outils CSS associés

Hub : Outils Couleur & CSS. Convertissez une nuance dans tous les formats avec Convertisseur de couleurs, vérifiez le contraste avec Vérificateur de contraste, ou réduisez et formatez vos feuilles de style avec Minifier CSS et Formater CSS.