Générateur de palettes de couleurs
Partez de votre couleur de marque et générez une palette selon les harmonies classiques du cercle chromatique ou une gamme complète de nuances, puis copiez les codes HEX ou les variables CSS.
Aucune donnée requise
Mode d'emploi
- Saisissez ou choisissez une couleur de base.
- Choisissez une harmonie.
- Copiez les couleurs ou les variables CSS.
Comment ça marche
Les harmonies font tourner la teinte sur le cercle HSL en gardant saturation et luminosité : complémentaire +180°, analogue ±20° et ±40°, triadique +120° et +240°, complémentaire divisée +150° et +210°, tétradique tous les 90°. Les nuances conservent teinte et saturation et font varier la luminosité de 95 % à 15 %.
Le texte de chaque pastille passe du noir au blanc selon le contraste WCAG.
Exemples
- Nuances de marque
- #0d6e63 → huit nuances pour fonds, bordures et textes.
Utilisations courantes
- Identité visuelle et interfaces
- Présentations et graphiques
- Design systems web
Confidentialité et sécurité
Cet outil ne demande aucune donnée personnelle ni aucun fichier. Les résultats sont générés sur votre appareil. Comment chaque outil traite les fichiers
Questions fréquentes
Pourquoi certaines harmonies semblent déséquilibrées ?
Le HSL n'est pas perceptuellement uniforme : les jaunes paraissent plus clairs que les bleus. Ajustez à l'œil.
Et à partir d'une photo ?
Utilisez l'extracteur de palette d'image.
Dernière mise à jour: