Générateur de nuances de couleur

Un générateur de nuances de couleur prend une couleur de base et construit une échelle monochromatique de versions plus claires et plus foncées de celle-ci À partir d'une seule entrée telle que #4466EE, il produit une rangée de teintes qui se dirigent vers le blanc, une rangée de nuances qui se dirigent vers le noir et une rangée de tons qui se dirigent vers le gris Chaque swatch est une vraie couleur que vous pouvez copier en HEX, RVB ou HSL et passer directement dans CSS, un fichier de conception ou une configuration de thème.

Les trois échelles proviennent des définitions classiques utilisées dans la théorie des couleurs Une teinte est la couleur de base mélangée au blanc, qui élève sa légèreté tout en gardant la même teinte Une teinte est la base mélangée au noir, qui l'assombrit Un ton est la base mélangée au gris, qui réduit son intensité et donne une version muette, plus sophistiquée, de la couleur Avoir les trois à partir d'une seule entrée est ce qui vous permet de construire une palette cohérente : un bouton et son état de vol stationnaire, un ensemble de séries de graphiques, ou les surfaces claires et sombres d'une interface, toutes dérivées d'une seule couleur de marque.

Le générateur fonctionne entièrement dans votre navigateur La couleur que vous saisissez est analysée et les échelles sont calculées avec JavaScript côté client, donc rien n'est téléchargé, il n'y a pas de compte et votre travail n'est jamais suivi. Il accepte les noms de couleurs HEX, rgb (), hsl () et CSS courants, vous permet de définir le nombre d'étapes que contient chaque échelle et met à jour chaque échantillon instantanément. Une fois que la page est chargée, elle fonctionne hors ligne.