Générateur de Palette de Couleurs
Le générateur de palette de couleurs crée une palette de 5 couleurs à partir de n’importe quelle couleur de base selon les harmonies de la théorie des couleurs (complémentaire, triadique, analogue, complémentaire adjacente, tétradique ou monochrome) et l’exporte en propriétés personnalisées CSS.
À propos de cet outil
Le générateur de palette de couleurs crée une palette de 5 couleurs à partir de n’importe quelle couleur de base selon les harmonies de la théorie des couleurs (complémentaire, triadique, analogue, complémentaire adjacente, tétradique ou monochrome) et l’exporte en propriétés personnalisées CSS.
Mode d’emploi
- Choisissez une couleur de base avec le sélecteur.
- Choisissez un type d’harmonie, par exemple complémentaire ou triadique.
- Examinez les cinq nuances générées.
- Cliquez sur Copier en variables CSS pour coller la palette dans votre feuille de style.
Bon à savoir
- Les couleurs complémentaires sont opposées de 180° sur le cercle chromatique ; les couleurs triadiques sont espacées de 120°.
- Les palettes analogues utilisent des teintes voisines (environ 30° d’écart) et paraissent souvent calmes et harmonieuses.
- L’harmonie complémentaire adjacente associe une teinte de base aux deux teintes situées de part et d’autre de sa complémentaire (±30°), pour un contraste moins tendu.
- Les palettes monochromes conservent une seule teinte et ne font varier que la saturation et la luminosité.
- Le générateur travaille en HSL, qui fait pivoter la teinte sans modifier la luminosité d’une couleur.
Fonctionne entièrement dans votre navigateur : rien de ce que vous saisissez n’est envoyé ni stocké.
Questions fréquentes
Qu’est-ce qu’une palette de couleurs complémentaires ?
Une palette complémentaire associe une teinte à celle qui lui est directement opposée sur le cercle chromatique (à 180°), comme le bleu et l’orange. C’est l’harmonie qui offre le contraste le plus fort.
Combien de couleurs doit compter la palette d’un site web ?
La plupart des interfaces utilisent une couleur principale, une ou deux couleurs d’accent et une série de neutres. Une harmonie de cinq couleurs est un bon point de départ, à réduire ou à enrichir avec des teintes claires et foncées.
Quelle est la différence entre triadique et tétradique ?
Le triadique utilise trois teintes régulièrement espacées de 120°. Le tétradique utilise quatre teintes espacées de 90°, formant un carré sur le cercle : plus riche, mais plus difficile à équilibrer.
Puis-je utiliser la palette en CSS ou avec Tailwind ?
Oui. Copiez la palette en propriétés personnalisées CSS et utilisez-les avec var(), ou collez les valeurs hexadécimales dans les couleurs du thème Tailwind.