Colormind
Modèle entraîné sur des photographies et des affiches qui complète une palette à partir des couleurs déjà verrouillées, API publique incluse.
Catégorie · 14 ressources · 13 gratuites
Palettes, échelles et outils de contraste
Générateurs de palettes, échelles de couleur prêtes pour un système de design et vérificateurs de contraste WCAG et APCA.
Colorbox
Outil de Lyft qui pilote une échelle par des courbes de teinte, saturation et clarté : le contrôle le plus fin pour un système de couleurs.
Happy Hues
Chaque palette est montrée appliquée à une page complète, avec le rôle de chaque couleur nommé : la réponse à « ça donne quoi sur un vrai site ».
APCA Contrast Calculator
Le calcul de contraste retenu pour les futures WCAG 3 : il tient compte de la taille et de la graisse du texte, là où le ratio 4,5:1 les ignore.
Leonardo
Outil d'Adobe qui construit une échelle à partir d'un rapport de contraste cible : vous fixez 4,5:1, il calcule la couleur, pas l'inverse.
UI Colors
Donne une couleur, récupère l'échelle Tailwind complète de 50 à 950, avec ajustement manuel de chaque pas avant export.
Huemint
Génère des palettes de marque à partir d'un modèle entraîné sur des identités existantes, avec réglage du degré de contraste et de chaleur.
OKLCH Color Picker
Sélecteur en espace OKLCH affichant la limite du gamut sRGB et P3 : indispensable pour bâtir des échelles à clarté perçue régulière.
Realtime Colors
Teste une palette sur une vraie page de démonstration plutôt que sur des carrés : texte, fond, bouton et carte se recolorent en direct.
Open Color
Palette libre optimisée pour l'interface : treize teintes en dix pas, calibrées pour rester lisibles superposées deux à deux.
Color Hunt
Palettes de quatre couleurs proposées et votées par la communauté, classées par thème et par popularité du mois.
Radix Colors
Trente échelles de douze pas, chaque pas ayant un rôle défini — fond, bordure, texte — et un équivalent sombre au contraste équivalent.
WebAIM Contrast Checker
La référence pour le contrôle WCAG 2.2 : ratio, verdict AA et AAA pour texte courant et large, avec curseur de correction de clarté.
Coolors
Le générateur au clavier : barre d'espace pour tirer une palette, verrouillage des teintes gardées, export direct en variables CSS.
Aucune ressource ne correspond. Essayez un terme plus court, ou .
Questions fréquentes
- Quel contraste minimum ?
- WCAG 2.2 demande 4,5:1 pour le texte courant et 3:1 pour le texte large et les éléments d'interface. APCA affine le calcul selon la graisse et la taille.
- Pourquoi travailler en OKLCH ?
- Les écarts de clarté y sont perçus de façon régulière : une échelle générée en OKLCH garde un contraste stable d'une teinte à l'autre, ce que HSL ne garantit pas.