🎨 Générateur de Palette de Couleurs
Créez des harmonies colorées en un clic — HEX, RGB, HSL
🌈 Nuances de la couleur de base
ℹ️ Informations couleur de base
🎲 Palettes aléatoires tendance
Besoin d'inspiration ? Essayez ces couleurs :
🕘 Historique des palettes
Vous avez une couleur principale et vous cherchez quoi associer autour sans que ça fasse mal aux yeux. La théorie des couleurs donne des règles claires : les complémentaires se font face sur la roue chromatique et créent du contraste, les analogues sont voisines et donnent de l'harmonie, le triadique équilibre trois teintes à 120°. Entrez votre couleur de départ et choisissez l'harmonie qui correspond à votre besoin — chaque couleur générée est copiable en HEX, RGB ou HSL d'un clic.
Questions fréquentes
Les couleurs complémentaires sont opposées sur la roue chromatique (ex : bleu et orange). Elles créent un fort contraste et attirent l'œil, idéales pour des boutons d'appel à l'action ou des mises en valeur. Les couleurs analogues sont voisines sur la roue (ex : bleu, bleu-vert, vert). Elles donnent une harmonie douce et naturelle, souvent utilisées dans les interfaces épurées.
Une palette monochromatique utilise une seule teinte (hue) déclinée en plusieurs niveaux de luminosité et de saturation. Par exemple, un bleu foncé, un bleu moyen, un bleu clair et un bleu très pâle. C'est l'approche la plus sûre pour un design cohérent et professionnel.
En CSS, les trois formats sont équivalents :
color: #3b82f6 (HEX), color: rgb(59, 130, 246) (RGB), color: hsl(217, 91%, 60%) (HSL). Le format HSL est souvent préféré par les développeurs pour créer des variantes, car il suffit de modifier la luminosité (troisième valeur) pour obtenir un ton plus clair ou plus foncé.
La règle du 60-30-10 est une bonne base : 60% d'une couleur dominante (souvent neutre), 30% d'une couleur secondaire complémentaire, et 10% d'une couleur d'accent vive. Limitez-vous à 2 ou 3 couleurs principales pour garder un rendu lisible et cohérent.
✅ Copié !