Pourquoi utiliser cet outil
- HEX, RGB, HSL et HSV synchronisés pendant que vous faites glisser
- Schémas complémentaires, analogues, triadiques et tétradiques
- Export en un clic vers des variables CSS, une config Tailwind ou du JSON
Des palettes fondées sur la théorie des couleurs
Les schémas harmonieux découlent de relations fixes sur le cercle chromatique. Les paires complémentaires se font face pour un contraste maximal ; les ensembles analogues sont voisins et paraissent apaisés ; les triades sont réparties à intervalles égaux et restent vives tout en demeurant équilibrées.
Questions fréquentes
Que signifie le code HEX ?
Ce sont trois paires de chiffres hexadécimaux pour le rouge, le vert et le bleu, chacune de 00 à FF. #FF0000 est un rouge pur sans vert ni bleu.
Quand utiliser HSL plutôt que HEX ?
HSL sépare teinte, saturation et luminosité : créer une gamme de nuances revient à changer un seul nombre au lieu de deviner de nouvelles valeurs hexadécimales.
Les palettes exportées sont-elles accessibles ?
Le générateur affiche les rapports de contraste pour vérifier chaque paire face au seuil WCAG AA de 4,5:1 pour le texte courant avant de la publier.
D’autres guides et convertisseurs sont disponibles en anglais →