Comparées · vérifiées le 2026-10-25
Les meilleurs outils gratuits de palettes et de contraste
Un bon outil de palette doit trouver les couleurs d’une image, créer des harmonies à partir d’une couleur, vérifier que le texte reste lisible et transmettre la palette à vos outils de design ou de code. Voici ce que propose chacun, d’après ses propres pages.
Nous fabriquons Slop Colors, l’un des outils de cette page. Chaque fait sur les autres outils vient de leurs propres pages, liées sous chacun, telles qu’elles se lisaient le 2026-10-25. Les prix et les fonctions changent : vérifiez chaque site avant de choisir.
Comment nous les avons comparés
- Gratuit, et ce qu’un compte ou une offre ajoute
- Couleurs issues d’une image
- Harmonies et gammes à partir d’une couleur
- Vérification du contraste WCAG
- Fichiers d’export (CSS, Tailwind, ASE, GPL)
En bref
| Outil | Prix | Fonctionne sur | Couleurs issues d’une image | Contrôle du contraste |
|---|---|---|---|---|
| Slop Colors la nôtre | Gratuit, sans compte | Tout navigateur récent | Pipette et couleurs principales (k-means) | Ratio, AA et AAA, avec une correction |
| Coolors | Offre gratuite ; offre Pro | Web, application iOS, extension Figma, extension Chrome | Image Picker | Contrast Checker |
| Adobe Color | Gratuit | Web | Extraction depuis une image | Ratios de contraste avec conseils WCAG |
| WebAIM Contrast Checker | Gratuit | Web | Non (une pipette prélève à l’écran) | AA et AAA, texte normal et grand, interface |
| Fonction | Slop Colors la nôtre | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Couleurs issues d’une image | Oui | Oui | Oui | Non |
| Harmonies à partir d’une couleur | Oui | Non indiqué | Oui | Non |
| Vérification du contraste WCAG | Oui | Oui | Oui | Oui |
| Niveaux pour grand texte et interface | Oui | Non indiqué | Non indiqué | Oui |
| Aperçu pour le daltonisme | Non | Non indiqué | Oui | Non |
| Export CSS | Oui | Oui | Non indiqué | Non |
| Export Tailwind | Oui | Oui | Non indiqué | Non |
| Export Adobe .ase | Oui | Oui | Non indiqué | Non |
| Export GIMP .gpl | Oui | Non indiqué | Non indiqué | Non |
| Valeurs OKLCH | Oui | Non indiqué | Non indiqué | Non |
| Aucun compte nécessaire | Oui | En partie | En partie | Oui |
| Les images restent sur votre appareil | Oui | Non indiqué | Non indiqué | Oui |
1. Slop Colors (la nôtre)
Idéal pour : Prélever des couleurs de vos propres images en privé, vérifier le contraste et exporter une palette en code ou en fichier de nuancier, le tout sur une seule page.
Points forts
- Les images sont lues dans le navigateur, jamais envoyées
- Variables CSS, configuration Tailwind, JSON, exports Adobe .ase et GIMP .gpl, et ces fichiers se rouvrent
- HEX, RGB, HSL, OKLCH et CMJN, les couleurs hors gamme OKLCH étant ramenées dans le sRGB
Points faibles
- Pas de bibliothèque de palettes partagées à parcourir
- Pas d’aperçu pour le daltonisme
- Pas d’export de la palette en PDF ou en image
2. Coolors
Idéal pour : Générer et parcourir rapidement des palettes, avec une grande bibliothèque et des extensions pour les outils de design.
Points forts
- Générateur à la barre d’espace et plus de 10 millions de palettes à explorer
- Export en PDF, image, CSS, ASE, SVG, code et Tailwind
- Palette Visualizer prévisualise les couleurs sur des designs
Points faibles
- L’offre gratuite garde jusqu’à 10 palettes ; sa page range l’extraction de couleurs par Image Picker et l’export avancé parmi les fonctions Pro
Site de Coolors · Sources : Page d’accueil de Coolors
3. Adobe Color
Idéal pour : Les graphistes des applications Adobe qui veulent des règles d’harmonie sur un cercle chromatique et des palettes enregistrées dans leur bibliothèque.
Points forts
- Règles monochromatique, complémentaire, analogue, triadique et complémentaire scindée sur un cercle chromatique
- Aperçu pour le daltonisme
- Enregistre les palettes dans votre bibliothèque pour d’autres projets
Points faibles
- Sa page sur le cercle chromatique ne mentionne pas les fichiers d’export
Site de Adobe Color · Sources : Adobe Color, cercle chromatique
4. WebAIM Contrast Checker
Idéal pour : Vérifier une paire texte et fond selon WCAG, avec un lien pour partager le résultat.
Points forts
- Curseurs de luminosité pour ajuster l’une ou l’autre couleur
- Lien permanent et API JSON pour le résultat
- Transparence pour la couleur du texte
Points faibles
- Vérifie une seule paire ; ne crée ni n’exporte de palettes
Site de WebAIM Contrast Checker · Sources : WebAIM Contrast Checker
Lequel choisir
Slop Colors est notre choix quand les couleurs viennent de vos propres images et que la palette doit finir dans du code ou un outil de design : pipette, couleurs principales, contrôle du contraste et exports sont sur une même page, et rien n’est envoyé.
Choisissez Coolors pour son générateur, sa bibliothèque et ses extensions, Adobe Color pour son cercle chromatique et sa bibliothèque Adobe, et le vérificateur WebAIM pour contrôler et partager une seule paire.
Questions
Quel ratio de contraste me faut-il ?
WCAG AA demande 4,5:1 pour le texte normal et 3:1 pour le grand texte et les éléments d’interface ; AAA demande 7:1 et 4,5:1. Les quatre outils affichent le ratio.
Quel fichier s’ouvre dans Photoshop ou Illustrator ?
Un fichier Adobe Swatch Exchange (.ase). Slop Colors et Coolors en exportent tous les deux.
Mon image est-elle envoyée ?
Pas avec Slop Colors : elle est lue dans votre navigateur. Consultez les notes de confidentialité de chacun des autres outils.
Les noms d’autres produits sont des marques de leurs propriétaires. Slopographic n’est pas affilié à eux.