Générateur de Palette de Couleurs

Générez des palettes de couleurs harmonieuses à partir de n'importe quelle couleur de base.

6 modes d'harmonieExport CSS / HEX / RGBContraste WCAG

① Choisir une couleur ② Sélectionner un mode ③ Cliquer sur Générer

Presets:
Mode
Analogue
Couleur de base
#3A7BD5
HSL(215, 65%, 53%)
vs Blanc
4.2:1 AA Large
vs #FFFFFF

Comment créer des palettes de couleurs harmonieuses

Une palette de couleurs est un ensemble organisé basé sur la théorie des couleurs. Le générateur utilise l'espace HSL pour des relations mathématiquement précises.

Les couleurs analogues se trouvent adjacentes sur la roue (30° d'écart). Les complémentaires sont en opposition (180°), produisant un contraste maximal.

Le complémentaire divisé est une alternative plus douce. Les schémas tétradiques utilisent quatre couleurs en rectangle. Les monochromatiques explorent une seule teinte à différentes luminosités.

Questions Fréquentes

Il crée automatiquement des groupes de couleurs harmonieuses basés sur la théorie des couleurs via le modèle HSL.
Il convertit HEX en HSL et décale la teinte d'angles fixes: ±30° analogue, 180° complémentaire, 120°/240° triadique.
Les analogues utilisent des couleurs voisines (30°–60°). Les complémentaires utilisent des couleurs opposées (180°), créant un fort contraste.
Les WCAG définissent 4,5:1 pour le texte normal et 3:1 pour le grand texte (Niveau AA).
Elles sont générées mathématiquement en HSL. La perception varie selon la calibration de l'écran.
Cliquez "Exporter CSS" et collez les variables dans votre bloc :root.
Analogue: 5. Complémentaire: 4. Triadique: 3+. Tétradique: 4. Monochromatique: 6.

Explorez notre réseau