
Choisissez une couleur de base et générez 9 palettes harmonieuses. Monochromatique, complémentaire, triadique, pastel, sombre et plus – tous les calculs s'exécutent localement dans votre navigateur.
Palette monochromatique
Toutes les couleurs partagent la même teinte (H) et varient principalement en luminosité (L) dans l'espace colorimétrique HSL.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Palette triadique
Trois teintes séparées de 120° sur le cercle chromatique (sommets d'un triangle équilatéral), une géométrie fréquemment utilisée en branding et dans les designs inspirés du Bauhaus.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Palette complémentaire divisée
Une variante de la palette complémentaire : au lieu d'un complément (180°), on utilise deux couleurs décalées d'environ ±30° du complément, réduisant la tension visuelle tout en conservant un fort contraste.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Palette pastel
La même teinte avec une saturation réduite et une luminosité augmentée, un déplacement vers le centre et le haut de l'espace HSL qui produit des couleurs douces et "crémeuses".
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Palette sombre
La même teinte avec une saturation élevée (S) et une luminosité réduite (L) un déplacement vers le bas sur l'axe de luminosité, produisant des couleurs profondes typiques du mode sombre et des accents intenses.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Palette tonale (inspirée Material Design)
Plusieurs niveaux de luminosité d'une même teinte L variée et S modérée, similaire aux plages tonales des directives Material Design (ex. : 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Palette minimaliste (inspirée Apple)
Un accent de couleur vif et plusieurs neutres très clairs et doux, un agencement typique des interfaces avec beaucoup d'espace blanc et des ombres subtiles.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Palette analogue
Des couleurs de teintes proches, d'environ -30° à +30° autour de la couleur de base sur le cercle chromatique classique (ex. : Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Palette complémentaire
La couleur de base et son complément décalé de 180° sur le cercle chromatique, l'un des contrastes fondamentaux décrits par Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
Le générateur de palettes crée 9 palettes différentes à partir d'une seule couleur de base, en s'appuyant sur la théorie des couleurs. Chaque palette a une composition différente – des variations monochromatiques aux couleurs complémentaires contrastantes.
Tous les calculs reposent sur l'espace colorimétrique HSL (Teinte, Saturation, Luminosité). La teinte détermine la couleur de base, la saturation l'intensité et la luminosité le caractère clair ou foncé. Ce modèle correspond à la perception humaine des couleurs et se prête parfaitement à la génération de palettes.
La génération ne prend que quelques secondes :
Chaque palette a un caractère différent :
Exemple : HSL(210, 80%, 50%)
H = 210° (teinte bleue)
S = 80% (intense)
L = 50% (luminosité moyenne)
Même teinte, luminosité différente
L : 90% → 70% → 50% → 30% → 10%
Toutes les palettes de cet outil reposent sur l'espace colorimétrique HSL (Teinte, Saturation, Luminosité). Contrairement à HEX ou RGB, HSL décrit les couleurs telles que nous les percevons :
En modifiant sélectivement ces valeurs, on obtient des palettes harmonieuses. Les palettes monochromatiques ne varient que L, les analogues que H, et les complémentaires inversent H de 180°.