Color Palette Generator
Generate harmonious color palettes — 9 harmony types, image extraction, random, CSS/PNG/JSON export
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.
Frequently asked questions
Tools in the same category
Popular tools
Trending tools