Générateur de palette de couleurs
Générateur de palette de couleurs gratuit : palettes harmonieuses (analogues, complémentaires, triadiques…), couleurs verrouillables, export en HEX ou CSS.
Aussi : Palette d'une image et pipette · Vérificateur de contraste des couleurs
Ce qu'elle fait
Ce générateur crée des palettes de couleurs pour des sites web, des applications, des présentations et des créations graphiques. Choisissez une harmonie pour composer, à partir d'une couleur de base, des couleurs qui vont bien ensemble, ou appuyez sur la barre d'espace pour des palettes aléatoires, et verrouillez les couleurs qui vous plaisent pour que seules les autres changent. Les couleurs sont calculées dans l'espace colorimétrique OKLCH, qui conserve la luminosité perçue même quand la teinte change : les palettes restent équilibrées. Copiez les couleurs en HEX, en variables CSS ou en JSON, ou partagez la palette avec un lien.
Comment l'utiliser
- Choisissez une harmonie et une couleur de base, ou gardez Aléatoire.
- Appuyez sur la barre d'espace ou sur Générer jusqu'à ce que la palette vous plaise ; verrouillez les couleurs à garder.
- Cliquez sur un code couleur pour le copier, ou copiez toute la palette en HEX, CSS ou JSON.
Questions fréquentes
Que signifient les harmonies ?
Ce sont des combinaisons classiques du cercle chromatique. L'harmonie analogue utilise des teintes voisines pour un rendu apaisé ; la complémentaire, des teintes opposées pour un contraste fort ; la triadique et la tétradique répartissent trois ou quatre teintes de façon régulière ; la complémentaire adjacente adoucit la paire complémentaire ; la monochrome décline une seule teinte en plusieurs nuances.
Pourquoi OKLCH et pas HSL ?
En HSL, un jaune et un bleu de même valeur de luminosité paraissent très différents en clarté. OKLCH est conçu à partir de la perception humaine : faire tourner la teinte garde des couleurs aussi claires les unes que les autres. C'est pour cette raison que cet espace colorimétrique a été ajouté au CSS.
Puis-je vérifier si les couleurs sont lisibles ?
Oui : utilisez le vérificateur de contraste pour savoir si un texte d'une couleur sur un fond d'une autre respecte les niveaux d'accessibilité des WCAG.