Privé in-browser couleur outil

Image Couleur Extractor

Envoyer un image à generate its dominant couleur palette, ou cliquez anywhere sur le aperçu à pick un exact couleur.

Non image envoyerCliquez à sample un pixelHEX, RGB, et HSL

Déposez un image ici

JPG, PNG, WebP, AVIF, GIF, BMP · up à 50.0 MB

Local traitement · Non sign-up · Non filigrane

Votre image stays sur votre appareil

Couleur analysis s’exécute localement avec le navigateur Canvas API. Votre original et extracted couleurs sont jamais sent à un serveur.

Local traitement · Non sign-up · Non filigrane

Comment ça marche

Build un image palette dans three étapes

Find reusable couleurs dans photos, screenshots, et design mockups pour brand work, web design, illustration, photo analysis, et social assets.

  1. 01

    Ajouter un image

    Choisir ou déposez un common image fichier. Votre navigateur reads it localement.

  2. 02

    Explore le couleurs

    Build un 5, 8, ou 12-couleur palette, ou cliquez le image à sample one pixel.

  3. 03

    Copier ou exporter

    Choisir HEX, RGB, ou HSL, copier le palette, ou télécharger CSS variables.

FAQ

Questions fréquentes

Est my image envoyé à un serveur?

Non. Image decoding, pixel sampling, couleur clustering, et exact picking tous happen dans this navigateur.

Pourquoi peut un dominant couleur differ slightly from le image?

Le palette groups similar pixels into representative couleurs. Cliquez le image quand vous besoin le exact value de one pixel.

Fait it prise en charge transparent PNG fichiers?

Oui. Fully transparent pixels sont ignored; visible et partially transparent areas take part dans le analysis.

How peut I utiliser le couleurs dans un design ou codebase?

Copier individual HEX, RGB, ou HSL values, copier le complet palette, ou télécharger CSS personnalisé properties.

Associé outils

Continuer votre image flux de travail

Formats

Pris en charge image formats

Common still-image formats work directement. GIF fichiers sont analyzed from le premier image; fully transparent PNG pixels sont ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

Cas d’utilisation courants

  • Find brand ou theme couleurs from un photo
  • Créer un palette reference pour web, application, ou poster design
  • Grab un exact HEX value from un screenshot
  • Check dominant couleur balance dans un mockup

Keep exploring

Associé outils et guides