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.

Görsel %100 İstemci Tarafı

Image Color Palette Extractor

Tek tıklamayla kopyalamayla herhangi bir fotoğraftan baskın renk paletlerini ve tam HEX, RGB ve HSL kodlarını çıkarın.

Sıfır Yükleme

Tarayıcıdan asla ayrılmaz

Anlık Hız

WASM hızlandırıldı

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

Basit İş Akışı

Bu araç nasıl kullanılır?

Herhangi bir öğrenme eğrisi olmadan üç hızlı adımda sonuç alın.

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.

Yardıma mı ihtiyacınız var?

Sıkça Sorulan Sorular

Bu araç hakkında bilmeniz gereken her şey.

Daha Fazlasını Keşfedin

İlgili Araçlar

Tüm Görsel araçlarını gör

Color Palette Generator

Anında güzel, rastgele renk paletleri oluşturun.

Oluşturucu Cihazınızda

Color Converter

Renk kodlarını HEX, RGB ve HSL formatları arasında dönüştürün.

GeliştiriciPopüler Cihazınızda

Photo Filters & Effects

Görüntülere gri tonlama, sepya, ters çevirme, vintage, parlaklık ve kontrast filtreleri uygulayın.

GörselYeni Cihazınızda

Loading...

Preparing your tools and workspace. Please wait a moment.