Générateur de palettes de couleurs

Le générateur de palette de couleurs transforme une seule couleur de base en un ensemble coordonné de couleurs à l'aide des règles d'harmonie couleur-roue Choisissez une couleur de départ et choisissez un mode - nuances et teintes, monochromatiques, complémentaires, analogues, triadiques ou tétradiques - et l'outil calcule une palette équilibrée avec le code HEX pour chaque échantillon.

De bonnes combinaisons de couleurs suivent des relations prévisibles sur la roue de couleur HSL : les couleurs complémentaires sont placées l'une à l'autre, les couleurs analogues sont s'assouplissantes les unes des autres et les couleurs triadiques sont régulièrement espacées. Les travailler à la main signifie jongler avec les angles de teinte et les valeurs de luminosité. Cet outil effectue les calculs instantanément et affiche le résultat afin que vous puissiez choisir un schéma qui fonctionne.

Tout s'exécute côté client Ajustez la couleur de base, changez de mode, cliquez sur n'importe quel swatch pour copier son code HEX, ou utilisez Copier CSS pour exporter la palette entière en tant que propriétés personnalisées CSS. Aucun compte, aucun téléchargement, et il continue de fonctionner hors ligne une fois la page chargée.

Un exemple travaillé montre comment il fonctionne comme un générateur de palette de couleurs de mariage, avec une condition : il n'y a pas de préréglages de mariage, donc vous apportez la couleur Tapez un vert sauge, #9caf88, comme la couleur de base et le choix Complémentaire Les quatre échantillons sont #c2ceb6, #9caf88, une lavande poussiéreuse #9b88af et un #755e8d plus profond, et Copy CSS les renvoie sous forme - couleur-100 à - couleur-400. Pour un résultat générateur de palette de couleurs pastel, commencez à partir d'une base pâle telle que #a7c7c7e7e7, et de lumière Tetalog, Tetching et Tetalgique.

Les modes d'harmonie proviennent des relations couleur-roue, la teinte tournante par des montants fixes autour du cercle : 180 degrés pour complémentaire, 120 pour triadique, et de petits pas pour analogue Que les maths sont faites en HSL, ce qui est pratique et pas uniforme perceptuellement La légèreté HSL traite le jaune et le bleu à la même valeur que la lumière égale, et à l'œil qu'ils ne sont pas, c'est pourquoi un ensemble triadique peut paraître équilibré sur papier et déséquilibré à l'écran Vérifiez toute palette que vous prévoyez d'utiliser pour le texte contre un vérificateur de contraste plutôt que de faire confiance aux nombres Les nuances et les teintes sont produites en déplaçant la légèreté tout en maintenant la teinte et la saturation, ce qui garde une famille rend un ensemble reconnaissable comme étant lié et les variables CSS.