🎨

générateur palette

Générez de belles palettes de couleurs à partir d'une couleur de base. Exportez en CSS, HEX ou JSON.

Outils de design Fonctionne localement Aucune donnée envoyée
palette HSL complémentaire design
Couleur de base
Type de palette
Nombre (monochrome uniquement) : 5
5
Format d'export
Aperçu de la palette
Exporter

Qu'est-ce que le générateur palette ?

Générez de belles palettes de couleurs à partir d'une couleur de base. Choisissez des schémas complémentaires, analogues, triadiques ou monochromatiques et exportez en CSS, HEX ou JSON.

Comment utiliser le générateur palette

  1. Choisissez la couleur de base à partir de laquelle construire.
  2. Choisissez le style de palette, comme complémentaire, analogue ou monochrome.
  3. Passez en revue les échantillons générés et ajustez la couleur de base si nécessaire.
  4. Copiez les valeurs HEX que vous souhaitez réutiliser dans votre système de design ou maquette.

Outils associés

🎨
sélecteur couleur
Convertissez les couleurs entre HEX, RGB, HSL et CMYK
 🌈
générateur dégradé CSS
Créez des dégradés CSS linéaires et radiaux avec aperçu en direct
 ⚖️
vérificateur contraste WCAG
Vérifiez les ratios de contraste des couleurs WCAG AA et AAA pour l'accessibilité
Comprendre les palettes de couleurs ▾
Exemple
Entrée Génération d'une palette complémentaire à partir d'une couleur bleue de base :
Sortie La couleur complémentaire se trouve directement en face sur le cercle chromatique, créant une association à fort contraste et vibrante.
Cas d’utilisation courants
  • Créez des systèmes de couleurs d'interface à partir d'une couleur de marque de base
  • Générer des couleurs d’accent complémentaires pour les graphiques ou les illustrations
  • Explorer des directions de palette avant de transmettre au design
  • Créer rapidement des jeux de couleurs pour les publications sociales ou les diapositives
Questions fréquentes
Comment choisir le bon type d’harmonie ?

Utilisez l’harmonie complémentaire pour des designs audacieux et à fort contraste. Utilisez l’harmonie analogue pour des thèmes d’interface doux et cohérents. Utilisez l’harmonie triadique lorsque vous avez besoin de trois couleurs d’accent équilibrées. Utilisez l’harmonie monochrome lorsque la simplicité et l’élégance sont prioritaires.

La palette vérifie-t-elle le contraste pour l’accessibilité ?

Cet outil se concentre sur la génération d’harmonies de couleurs. Pour la vérification du contraste WCAG, utilisez les outils Contrast Checker ou WCAG AA Checker de ce site.

Puis-je exporter la palette vers Figma ou CSS ?

Oui — utilisez le format d’export CSS pour obtenir des propriétés personnalisées CSS prêtes à coller, ou copiez les valeurs HEX individuellement pour les coller dans n’importe quel outil de design.

À quoi sert le curseur de nombre en mode monochrome ?

Lorsque vous utilisez le type Monochrome, vous pouvez contrôler le nombre de teintes et de nuances générées (3–10). Cela vous donne une échelle de gris ou une échelle teintée détaillée pour travailler.