How are dominant colors calculated?

The image is downsampled and analyzed in 3D color space. High-frequency colors with sufficient contrast from one another are selected to represent the visual aesthetic of the photo.

Can I use the exported CSS variables in my web projects?

Yes! The exported CSS snippet defines clean standard CSS variables that you can drop straight into your style sheets or Tailwind config.

Image 100 % côté client

Image Color Palette Extractor

Extrayez les palettes de couleurs dominantes et les codes HEX, RVB et HSL exacts de n'importe quelle photo avec une copie en un clic.

Zéro téléchargement

Ne quitte jamais le navigateur

Vitesse instantanée

WASM accéléré

Drag & Drop your files here

or click to browse from your device

Extract 8 dominant, harmonious color swatches from any photo or design

Inspect HEX, RGB, and HSL values with one-click clipboard copying

Perceptual color distance clustering prevents duplicate or muddy shades

Export ready-to-use CSS Variables (--color-1, --color-2) or JSON palette

100% Client-side execution — fast, private, and works without servers

Flux de travail simple

Comment utiliser cet outil

Obtenez des résultats en trois étapes rapides sans aucune courbe d’apprentissage.

Upload Image

Select or drag any JPEG, PNG, or WebP graphic into the dropzone.

Extract Palette

Our browser algorithm extracts the dominant colors and calculates proportions.

Copy or Export

Click on any HEX code to copy, or export the palette as CSS / JSON.

Besoin d'aide ?

Foire aux questions

Tout ce que vous devez savoir sur cet outil.

Explorer davantage

Outils associés

Tout afficher Image

Color Palette Generator

Générez instantanément de superbes palettes de couleurs aléatoires.

Generators On-device

Color Converter

Convertissez les codes de couleur entre les formats HEX, RVB et HSL.

DeveloperPopular On-device

Photo Filters & Effects

Appliquez des filtres en niveaux de gris, sépia, inversé, vintage, de luminosité et de contraste aux images.

ImageNew On-device

Loading...

Preparing your tools and workspace. Please wait a moment.