Extracteur de palette de couleurs

Extrayez une palette de couleurs d’une image, vérifiez le contraste de deux couleurs et exportez-la en CSS ou Tailwind — directement dans votre navigateur.

À propos de Extracteur de palette de couleurs

De quoi s’agit-il

Cet outil trouve les couleurs principales d’une image — photo, logo, capture d’écran — et les présente en palette, la couleur dominante en premier. Ajoutez vos couleurs avec une pipette directement dans l’image, comparez deux couleurs pour le contraste WCAG et exportez la palette en variables CSS, configuration Tailwind ou JSON.

Fonctionnalités principales

  • Une palette des couleurs principales d’une image PNG, JPEG ou WebP, la dominante en premier.
  • Le nombre de couleurs de votre choix.
  • Vos propres couleurs prélevées dans l’image avec une pipette.
  • Une vérification du contraste WCAG pour deux couleurs, pour le texte normal et le grand texte.
  • Export en variables CSS, Tailwind ou JSON ; copie de chaque couleur en HEX ou RGB.

Comment l’utiliser

  1. Déposez une image sur la zone, cliquez dessus pour en choisir une, ou cliquez sur « Exemple ».
  2. Réglez le nombre de couleurs.
  3. Prélevez si besoin d’autres couleurs dans l’image et cochez deux couleurs pour comparer leur contraste.
  4. Copiez des couleurs une à une ou exportez toute la palette.

Quand c’est utile

  • Construire la palette d’un site à partir d’une photo de marque ou d’un logo.
  • Vérifier qu’un texte dans vos couleurs reste lisible avant de les utiliser.
  • Obtenir les codes exacts des couleurs d’une capture d’écran de maquette.

Confidentialité et limites

Vos données

Votre image est traitée dans votre navigateur et n’est pas envoyée sur un serveur — le site reçoit seulement un événement anonyme « outil ouvert », sans le contenu. Un résultat envoyé vers un autre outil reste 24 heures sur cet appareil dans « Activité récente ».

Limites

  • Les pixels entièrement transparents sont ignorés ; une image sans couleur visible ne donne pas de palette.
  • La palette montre les grands groupes de couleurs, pas chaque nuance de l’image.

Questions fréquentes

Comment les couleurs sont-elles choisies ?

Les couleurs proches de l’image sont regroupées, et chaque groupe donne une couleur de la palette. Le groupe qui couvre la plus grande surface est la couleur dominante.

Que signifient AA et AAA dans la vérification du contraste ?

Ce sont des niveaux d’accessibilité WCAG. AA demande au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte ; AAA demande 7:1 et 4,5:1.

Quel format d’export choisir ?

Les variables CSS pour du CSS classique, Tailwind pour une configuration Tailwind, JSON pour des outils de design ou vos propres scripts.