Generateur de palette de couleurs
WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette
Outils developpeur populaires
Mode d’emploi
- Choisissez une couleur de base (HEX).
- Choisissez un schéma (complémentaire/analogue/triadique) et le nombre.
- Générez la palette.
- Copiez HEX/variables CSS et vérifiez le contraste (WCAG).
Comprendre les résultats
- Les palettes sont générées via des règles d’harmonie HSL. En UI réelle, on ajuste souvent saturation/luminosité.
- En dessous de 4,5:1, la lisibilité du texte normal peut baisser.
- La couleur de texte auto choisit noir/blanc avec le meilleur contraste.
- Testez avec votre taille de police et vos couleurs de fond/surface.
FAQ
Mes données sont-elles envoyées à un serveur ?
Non. Dans la mesure du possible, le traitement se fait localement dans votre navigateur et nous ne stockons pas vos saisies ni vos résultats sur nos serveurs. (Des requêtes réseau peuvent toutefois avoir lieu pour le chargement des pages et les annonces.)
Que vérifier si le résultat ne semble pas correct ?
Vérifiez l’encodage (UTF‑8), les retours à la ligne (CRLF/LF), les espaces/guillemets et les options (casse, encodage URL, etc.). Pour des données sensibles, respectez votre politique de sécurité.
Que faire si la palette ne rend pas bien ?
Ajustez la couleur de base (saturation/luminosite) ou changez le schema (complementaire/analogue/triadique). Pour l’UI, verifiez toujours le contraste (WCAG).