Aller au contenu principal
DailyBox

Extracteur de palette de couleurs

Extrayez les couleurs dominantes de n’importe quelle image, modifiez-les, verrouillez-les, créez des harmonies et exportez en CSS, JSON, SVG, PNG ou ASE.

Déposez une image ici

Glissez-déposez une image ou parcourez vos fichiers. Elle est lue dans votre navigateur et jamais envoyée.

PNG, JPG, WebP, GIF, AVIF, BMP et SVG, dans la mesure où votre navigateur les prend en charge.

Votre image est traitée dans votre navigateur et n’est jamais envoyée. Le conseiller IA facultatif envoie uniquement les codes HEX de votre palette.

Extraire les couleurs d’une image et en faire une palette

Cet outil lit une image dans votre navigateur et en trouve les couleurs dominantes. Il regroupe les pixels proches, classe les groupes selon la part de l’image qu’ils couvrent et vous donne une palette de 5, 8, 10 ou 12 couleurs avec leurs valeurs HEX, RVB, HSL et CMJN. Votre image n’est jamais envoyée.

Vous pouvez ensuite modifier ou verrouiller des couleurs, en prélever d’autres directement sur l’image, créer des harmonies et exporter le résultat. Pour vérifier un contraste ou convertir une seule couleur, utilisez le convertisseur de couleurs et vérificateur de contraste.

Comment ça marche

  1. Déposez une image sur la page ou choisissez un fichier.
  2. Choisissez le nombre de couleurs et réglez la variété : une valeur élevée fusionne les nuances proches, une valeur basse conserve les différences subtiles.
  3. Cliquez sur une couleur pour voir ses valeurs HEX, RVB, HSL et CMJN, la modifier, la verrouiller ou la supprimer. Cliquez sur l’image pour ajouter la couleur située sous le curseur.
  4. Ouvrez la section des harmonies pour générer des couleurs complémentaires, analogues, en triade, complémentaires divisées, monochromes, chaudes ou froides à partir de n’importe quelle couleur de la palette.
  5. Exportez la palette en variables CSS, JSON, SVG, PNG ou fichier de nuancier ASE.

Quand l’utiliser

  • Créer une palette d’interface ou de marque à partir d’une photo, d’un logo ou d’une capture d’écran.
  • Générer des variables CSS pour un site à partir d’une image existante.
  • Trouver des associations texte/arrière-plan et vérifier leur lisibilité.
  • Réunir des couleurs pour un moodboard ou une présentation.

Bon à savoir

  • La palette est un résumé statistique de l’image. Les petits détails peuvent être fusionnés dans une nuance voisine, sauf si vous baissez la variété ou choisissez plus de couleurs.
  • Les couleurs sont lues telles que votre navigateur les affiche (sRVB). Les profils colorimétriques intégrés peuvent faire apparaître le même fichier différemment dans d’autres logiciels.
  • Le pourcentage est la part des pixels de l’image regroupés dans une couleur. Les pixels transparents, ainsi que le blanc ou le noir si vous choisissez de les ignorer, ne sont pas comptés. Les grandes images sont réduites pour l’analyse.
  • Les valeurs CMJN sont une conversion mathématique simple à partir du RVB. Les couleurs imprimées dépendent des encres, du papier et des profils.
  • Les harmonies sont calculées d’après les règles du cercle chromatique et signalées comme générées. Elles ne viennent pas de votre image.
  • Le conseiller IA est facultatif. Il envoie uniquement les codes HEX de votre palette et votre courte note à l’API Gemini de Google, peut être indisponible ou avoir atteint son quota, et ses suggestions sont des idées, pas des garanties. DailyBox recalcule le contraste des paires texte/arrière-plan proposées.
  • Le fichier ASE contient vos couleurs en nuances RVB. Il n’a pas été testé dans les logiciels Adobe : si une application le refuse, utilisez l’export CSS ou JSON.

Questions fréquentes

Mon image est-elle envoyée quelque part ?

Non. L’image est lue et analysée dans votre navigateur. Si vous utilisez le conseiller IA facultatif, seuls les codes HEX de votre palette et votre courte note sont envoyés au service d’IA, jamais l’image.

Combien de couleurs vais-je obtenir ?

Vous choisissez 5, 8, 10 ou 12. Si l’image contient moins de couleurs nettement différentes avec vos réglages, vous en obtenez moins et un message vous le signale.

Les couleurs verrouillées changent-elles quand je régénère la palette ?

Non. Les couleurs verrouillées restent en place et les autres sont recalculées. Une nouvelle couleur n’est jamais un quasi-doublon d’une couleur verrouillée.

Comment la couleur dominante est-elle choisie ?

C’est le groupe de couleurs qui couvre la plus grande part des pixels de l’image. Le pourcentage affiché à côté est cette part.

Quels formats puis-je exporter ?

Variables CSS, JSON, SVG, image PNG et fichier de nuancier ASE. Vous pouvez copier le CSS et le JSON ou télécharger chacun des formats.

L’IA est-elle nécessaire pour utiliser l’outil ?

Non. L’extraction, la modification, le verrouillage, les harmonies et les exports fonctionnent sans elle, et continuent de fonctionner si le service d’IA est indisponible.

Outils associés