a11y.skipToMainContent
1

Générateur de palette de couleurs

Choisir une couleur de base et générer une palette d'harmonie – complémentaire, analogue, triadique, tétradique, complémentaire à la fraction, monochromatique, nuances ou teintes – et exporter comme variables CSS.

tool.color-palette.palette

tool.color-palette.cssExport

Was this tool helpful?
Send output to:
Advertisement

How to use Color Palette Generator

  1. Choisissez une couleur de base par l'intermédiaire du sélecteur ou de l'entrée hexagonale.
  2. Choisissez un schéma d'harmonie.
  3. Cliquez sur n'importe quel swatch pour copier son hexagone, ou copiez le CSS complet.

Quel est {nom} ?

La théorie des couleurs dans un outil. Choisissez une couleur de base, choisissez un schéma d'harmonie et obtenez une palette cohérente ainsi que des propriétés personnalisées CSS prêtes à coller. Cliquez sur n'importe quel swatch pour copier son hex.

Advertisement

FAQ

Quel schéma devrais-je utiliser pour un site Web?
Analogue + un accent complémentaire est le combo le plus sûr. Les nuances monochromatiques fonctionnent pour des interfaces minimales.
Puis-je copier ou exporter la palette?
Oui. Copier des valeurs hexagonales individuelles ou exporter la palette entière sous forme de propriétés personnalisées CSS (variables) prêtes à être collées dans votre feuille de style.
Comment calcule-t-elle les couleurs d'harmonie ?
Les couleurs sont générées à l'aide de la théorie des couleurs standard – les relations mathématiques sur la roue de couleur produisent des schémas complémentaires, analogues, triadiques et autres.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement