Générateur de Palette de Couleurs

Extrayez des couleurs d'images et générez des palettes de couleurs harmonieuses. Créez des palettes monochromatiques, analogues, complémentaires, triadiques et tétradiques avec vérification d'accessibilité.

Téléchargement d'Image

Glissez l'image ici ou cliquez pour télécharger

ou cliquez pour sélectionner un fichier

Exporter la Palette

Palette Générée

#081D2B
Contraste: AAA Large
17.20:1
#195E8D
Contraste: AA Normal / AAA Large
6.94:1
#3C9CDD
Contraste: AA Normal / AAA Large
6.99:1
#9DCEEE
Contraste: AAA Large
12.50:1
#FFFFFF
Contraste: AAA Large
21.00:1
5 couleurs

Comment Utiliser le Générateur de Palette de Couleurs

Générez de belles palettes de couleurs en quelques étapes simples:

  • Téléchargez une image pour extraire des couleurs, ou sélectionnez manuellement une couleur de base
  • Choisissez un type de palette (monochromatique, analogue, complémentaire, etc.)
  • Ajustez le nombre de couleurs si nécessaire
  • Sélectionnez les couleurs que vous aimez et exportez dans votre format préféré

Types de Palette Expliqués

Monochromatique

Utilise des variations de luminosité et de saturation d'une seule teinte. Crée un aspect cohérent et harmonieux.

Analogue

Utilise des couleurs adjacentes sur la roue des couleurs. Crée un design serein et confortable.

Complémentaire

Utilise des couleurs opposées sur la roue des couleurs. Crée un contraste élevé et un intérêt visuel.

Triadique

Utilise trois couleurs espacées uniformément autour de la roue des couleurs. Crée des palettes vibrantes mais équilibrées.

Tétradique

Utilise quatre couleurs disposées en deux paires complémentaires. Offre une riche variété de couleurs.

Accessibilité et Contraste

Notre outil vérifie les ratios de contraste des couleurs pour s'assurer que vos palettes répondent aux normes d'accessibilité:

  • AA Normal: Ratio de contraste de 4.5:1 pour le texte normal (16px+)
  • AAA Normal: Ratio de contraste de 7:1 pour le texte normal (16px+)
  • AA Grand: Ratio de contraste de 3:1 pour le texte grand (18px+ ou 14px+ en gras)