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.

Obraz 100% po stronie klienta

Image Color Palette Extractor

Wyodrębnij dominujące palety kolorów i dokładne kody HEX, RGB i HSL z dowolnego zdjęcia za pomocą kopiowania jednym kliknięciem.

Przesyłanie zerowe

Nigdy nie opuszcza przeglądarki

Natychmiastowa prędkość

WASM przyspieszony

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

Prosty przepływ pracy

Jak korzystać z tego narzędzia

Uzyskaj wyniki w trzech szybkich krokach, bez konieczności uczenia się.

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.

Potrzebujesz pomocy?

Często zadawane pytania

Wszystko, co musisz wiedzieć o tym narzędziu.

Odkryj więcej

Powiązane narzędzia

Zobacz wszystkie Obraz

Color Palette Generator

Natychmiast generuj piękne, losowe palety kolorów.

Generatory Na urządzeniu

Color Converter

Konwertuj kody kolorów pomiędzy formatami HEX, RGB i HSL.

WywoływaczPopularny Na urządzeniu

Photo Filters & Effects

Zastosuj do obrazów filtry skali szarości, sepii, odwrócenia, vintage, jasności i kontrastu.

ObrazNowy Na urządzeniu

Loading...

Preparing your tools and workspace. Please wait a moment.