Palette depuis une image

Extraire les couleurs principales d'une photo et les copier en HEX, CSS ou Tailwind
  • Les fichiers ne quittent pas votre appareil
  • S’exécute dans le navigateur
  • Gratuit, sans compte, sans filigrane

Drop an image here, or click to choose

Accepte JPG, PNG, WebP, GIF, HEIC, AVIF · Vous pouvez aussi coller avec Ctrl+V / ⌘V

Comment utiliser Palette depuis une image

Extrayez les couleurs principales d'une photo ou d'une capture, de 3 à 16, chacune avec sa part de l'image. L'outil choisit aussi des rôles d'échantillons façon Android (vif et atténué, clair et sombre) et exporte vers CSS, Tailwind, JSON, GIMP .gpl ou Adobe .ase.

  1. 1

    Déposez une image (JPG, PNG, WebP, GIF, HEIC ou AVIF) ou cliquez pour en choisir une.

  2. 2

    Déplacez le curseur Couleurs pour en choisir de 3 à 16, et Trier par Importance, Teinte ou Clarté.

  3. 3

    Survolez un échantillon ou l'image pour voir où chaque couleur apparaît, et cliquez sur un échantillon pour copier son HEX.

  4. 4

    Sous Exporter, choisissez HEX, CSS, Tailwind ou JSON et copiez le code, ou téléchargez GIMP / Inkscape (.gpl) ou Adobe (.ase).

Questions fréquentes

Mon image est-elle téléversée ?

Non. L'image est décodée et analysée dans votre navigateur, et ne quitte jamais votre appareil.

Comment les couleurs sont-elles choisies ?

L'outil exécute un regroupement k-means pondéré en OKLab sur une copie de l'image réduite à 256 px au plus, chaque couleur représente donc une zone plutôt qu'un seul pixel. Pour un pixel exact, utilisez la Pipette d'image.

Pourquoi un rôle d'échantillon indique-t-il Aucun ?

Les rôles sont choisis parmi 16 couleurs candidates, comme le fait l'API Palette d'Android. Si aucun candidat ne convient, par exemple une couleur vive dans une photo grise, le rôle reste vide.

Les zones transparentes sont-elles comptées ?

Non. Les pixels transparents sont ignorés, un logo sur fond transparent ne donne donc que les couleurs du logo.

Puis-je utiliser la palette dans Photoshop ou GIMP ?

Oui. Téléchargez Adobe (.ase) pour la charger comme nuances dans les applications Adobe, ou GIMP / Inkscape (.gpl) pour GIMP et Inkscape.