Couleurs et palettes

Extrayez la palette d'une image et convertissez les couleurs (HEX, RGB, HSL).

Outil exécuté dans votre navigateur : vos fichiers ne quittent pas votre appareil.

Extraire la palette de couleurs d'une image

Pour reprendre les couleurs d'un logo, d'une photo ou d'une maquette, cet outil extrait de 5 à 10 couleurs dominantes d'une image et permet d'en prélever d'autres à la pipette. Chaque couleur se convertit en HEX, RGB, HSL, HSV et CMYK, avec une gamme de teintes et d'ombres et le contraste WCAG face à un texte blanc ou noir. La palette s'exporte en variables CSS ou en JSON. Tout se passe dans votre navigateur : vos fichiers ne quittent pas votre appareil.

Points forts

  • Extraction de 5 à 10 couleurs dominantes avec leur proportion
  • Pipette : cliquez sur l'image pour prélever une couleur
  • Conversion HEX, RGB, HSL, HSV et CMYK
  • Teintes vers le blanc et ombres vers le noir
  • Contraste WCAG (AA, AAA) avec un texte blanc ou noir
  • Export de la palette en variables CSS ou en JSON

Comment ça marche

  1. Déposez une image
  2. Choisissez le nombre de couleurs à extraire
  3. Cliquez sur une couleur ou sur l'image pour l'ouvrir dans le convertisseur
  4. Copiez les valeurs ou exportez la palette

Questions fréquentes

Comment trouver le code couleur d'une image ?

Déposez l'image puis cliquez sur la zone voulue : la couleur s'ouvre dans le convertisseur avec ses codes HEX, RGB, HSL, HSV et CMYK.

Comment convertir une couleur HEX en RGB ?

Saisissez le code HEX dans le convertisseur et validez : les valeurs RGB, HSL, HSV et CMYK sont calculées aussitôt.

À quoi sert le contraste WCAG ?

Il indique si un texte blanc ou noir reste lisible sur la couleur. Un ratio de 4,5 : 1 est demandé pour le niveau AA sur un texte courant.

Puis-je utiliser la palette dans mon code ?

Oui. Exportez-la en variables CSS ou en JSON, puis copiez le résultat ou téléchargez-le.

Outils similaires

Tous les outils « Images »