Générateur de Palette de Couleurs
Générez des palettes de couleurs harmonieuses — 9 types d'harmonies, extraction depuis image, aléatoire, export CSS/PNG/JSON
Générateur de palette de couleurs : guide design
Une palette de couleurs cohérente est le fondement de toute identité visuelle réussie. Que vous conceviez un site web, une application, un logo ou une charte graphique, les couleurs que vous choisissez transmettent des émotions, créent de la cohérence et influencent directement la perception de votre marque.
Les règles d'harmonie des couleurs
🎨 Analogue
3 couleurs voisines sur la roue chromatique. Rendu harmonieux et naturel, idéal pour les designs apaisants.
⚡ Complémentaire
Deux couleurs opposées (ex. bleu/orange). Fort contraste visuel, excellent pour les CTA et mises en avant.
△ Triadique
3 couleurs espacées de 120°. Palette équilibrée et vibrante, populaire dans les designs ludiques.
□ Tétradique
4 couleurs en carré (90°). Très riche, nécessite une couleur dominante clairement définie.
Accessibilité : ratio de contraste WCAG
| Niveau | Texte normal | Grand texte | Usage |
|---|---|---|---|
| Échec | < 3:1 | < 3:1 | Non accessible |
| AA Large | — | ≥ 3:1 | Grand texte (18pt+) |
| AA | ≥ 4.5:1 | ≥ 3:1 | Standard minimum |
| AAA | ≥ 7:1 | ≥ 4.5:1 | Accessibilité optimale |
Conseils pour une palette web efficace
- Règle 60-30-10 : 60% couleur principale, 30% secondaire, 10% accent.
- Limitez à 3-5 couleurs pour garder la cohérence visuelle.
- Testez sur fond blanc ET fond sombre — votre palette doit fonctionner dans les deux modes.
- Exportez en CSS variables (
--color-primary) pour une maintenabilité maximale. - Vérifiez le contraste WCAG AA (4.5:1 minimum) entre le texte et son fond.
Questions fréquentes
Outils de la même catégorie
Outils populaires