Outils incontournables
Clique sur une ressource : tu peux générer une palette, vérifier le contraste et exporter tes couleurs pour ton design system.
Palette & harmonies
Adobe Color
Harmonies (complémentaire, triade, analogues), extraction depuis une image, exploration de thèmes.
Générateur rapide
Coolors
Génère, verrouille, ajuste. Parfait pour sortir une palette en 2 minutes et l’exporter en formats utiles.
Accessibilité
WebAIM Contrast Checker
Vérifie si ton texte est lisible (contraste). Indispensable pour les boutons, liens et texte long.
Image → palette
Color Hunt
Galerie de palettes prêtes à l’emploi, très utile pour explorer vite des combinaisons “safe”.
Mini-guide : construire une palette qui marche
Rôles
- Neutres : fond + texte
- Primaire : actions (CTA)
- Secondaire : éléments de support
- Accent : détails / highlights
Règles rapides
- 2–3 couleurs max + neutres
- Accent saturé = 10% max
- Texte long : contraste élevé
- Test contraste avant publication
Astuce : si ta palette est “belle” mais illisible, baisse la saturation des fonds et garde la couleur vive uniquement pour les actions.
Palettes prêtes à tester
Bonus : export & références utiles
Pour garder une palette cohérente sur tout le site, exporte tes couleurs et garde-les notées (hex). Voici quelques ressources pratiques :
Palettes & inspiration
Lisibilité & accessibilité
Tip rapide : choisis d’abord tes neutres (fond + texte), puis une couleur primaire (CTA), puis un accent. Ne pars pas de “5 couleurs flashy”.