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.

Gambar 100% Sisi Klien

Image Color Palette Extractor

Ekstrak palet warna dominan dan kode HEX, RGB, dan HSL yang tepat dari foto mana pun dengan salinan sekali klik.

Nol Unggah

Tidak pernah meninggalkan browser

Kecepatan Instan

WASM dipercepat

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

Alur Kerja Sederhana

Cara menggunakan alat ini

Dapatkan hasil dalam tiga langkah cepat tanpa kesulitan belajar apa pun.

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.

Butuh Bantuan?

Pertanyaan yang Sering Diajukan

Semua yang perlu Anda ketahui tentang alat ini.

Jelajahi Lebih Lanjut

Alat Terkait

Lihat semua Gambar

Color Palette Generator

Hasilkan palet warna acak yang indah secara instan.

Generator Di perangkat

Color Converter

Konversi kode warna antara format HEX, RGB, dan HSL.

PengembangPopuler Di perangkat

Photo Filters & Effects

Terapkan filter skala abu-abu, sepia, terbalik, vintage, kecerahan, dan kontras pada gambar.

GambarBaru Di perangkat

Loading...

Preparing your tools and workspace. Please wait a moment.