Renk Paleti Çıkarıcı

Resimden hâkim renkleri ve hex değerlerini çıkar

Tıkla veya bir resim bırak

Nasıl çalışır

Renk Paleti Çıkarıcı — Resimden hâkim renkleri ve hex değerlerini çıkar. Tüm işlemler tarayıcında yapılır — yükleme yok, üyelik yok, e-posta gerek yok. Sonsuza dek ücretsiz.

Son güncelleme: 2026-05-06

Editör notu

Bunu kendi marka işlerimiz için rakip ekran görüntülerinden ve ürün fotoğraflarından palet çıkarmak için kullanıyoruz; aracın gerçek var oluş sebebi bu. Çoğu palet çıkarıcı, altında ufak gri puntoyla HEX kodları olan stilize edilmemiş bir grid veriyor ve gözünü kısarak kopyala-yapıştır yaparken yerini kaybediyorsun. Bizimkini, HEX hover'da imlecin zaten olduğu yerde çıkacak şekilde yaptık — göz zaten swatch'ın üstünde, altındaki caption'a inip tekrar çıkmak küçük ama gerçek bir vergi, uzun bir çalışma seansında toplanıyor.

Erken yaptığımız diğer seçim varsayılanı yedi swatch olarak belirlemekti, on değil. Varsayılanda on iki ya da on altı renk gösteren araçlar ekran görüntüsünde daha etkileyici duruyor ama kimsenin gerçekten kullanamayacağı paletler üretiyor; uzun kuyruk çoğunlukla kenarlardan ve gölgelerden çekilmiş gürültü. Yedi sana hâkim hikayeyi ve birkaç accent'i veriyor; kullanılabilir bir paletin doğru şekli bu. İlham istediğinde slider'ı yukarı çekebilirsin ama gönderdiğimiz boyut bu.

Renk Paleti Çıkarıcı hakkında

Renk Paleti Çıkarıcı, bir görselden hâkim renkleri çeker ve doğrudan tasarım sistemine, CSS'ine veya Figma'ya yapıştırabileceğin HEX, RGB ve HSL değerlerini verir. Bir mood fotoğrafını marka paletine çevirmenin, UI accent'lerini hero görselle eşlemenin veya rakibin renk hikayesini örneklemenin en hızlı yolu.

Yeni marka kuran tasarımcı ilham panosundan palet çıkarır. Front-end geliştirici hero görselden swatch alıp accent'leri uyumlu tutar. Pazarlamacı kampanya yaratıkları beslesin diye ürün renklerini örnekler. İç mimar ve stilistler aynı şeyi kumaş ya da oda fotoğraflarıyla yapar.

Örnekleme tarayıcıda canvas üzerinden yapılır — ilham görseli cihazından çıkmaz. Kaynak özel bir mood board veya yayımlanmamış kampanya assetiyse bu çok kritik.

Renk Paleti Çıkarıcı nasıl kullanılır

Bir görseli (fotoğraf, illüstrasyon, ekran görüntüsü — herhangi bir raster) yükleme alanına bırak.
Renk sayısı slider'ını 3 ile 16 arasında sürükleyip kaç swatch istediğini belirle.
Swatch satırını incele — her chip altında HEX değerini gösterir.
Herhangi bir swatch'a tıklayıp HEX'i kopyala. RGB veya HSL çıktı için format seçicisini değiştir.
Farklı sayılarla tekrar dene — bazen 5 swatch, 12'den daha temiz bir hikaye anlatır.

Yaygın kullanım senaryoları

Yeni müşteri sunumu için tek bir mood fotoğrafından marka paleti kurmak.
Web sitesinin hero görseliyle uyumlu CTA buton rengi seçmek.
E-ticaret kategori sayfası için moda fotoğrafından gardırop renklerini çıkarmak.
Marka denetimi sırasında rakip ekran görüntülerinden renk örneklemek.
Tek bir kaynak görselden Tailwind renk skalası üretmek (5 renk çıkar, her birinden tint/shade üret).

İpuçları ve dikkat edilmesi gerekenler

Doğa fotoğrafları UI ekran görüntülerinden daha zengin paletler verir — UI çoğunlukla beyaz/gri arka planın hâkimiyetinde.
Çıkarımdan önce görseli ilgilendiğin alana kırp. Tüm manzara gökyüzü ve toprağı yüzeye çıkarır; kırpılmış detay konunun renklerini öne alır.
Beş ile yedi renk kullanışlı bir paletin tatlı noktası. On altı ilham için harika ama nadiren olduğu gibi tasarım sistemine girer.
Çıkan palet bulanık hissettiriyorsa önce kaynak görselin kontrastını yükselt — soluk fotoğraflar soluk paletler üretir.

Sıkça sorulan sorular

Palet nasıl hesaplanıyor?

Pikselleri kabaca 6×6×6 RGB ızgaraya örnekleyip her grubun ortalamasını alıyor, en sık görülenleri tutuyoruz. Hızlı ve gözle seçeceğin tonlara yakın gruplar üretir.

Kaç renk alabilirim?

3 ile 16 arasında. Daha yüksek sayılar ince vurguları yakalar; daha az belirgin gruplar ortaya çıkabilir.

Resmim yükleniyor mu?

Hayır. Örnekleme tarayıcıda canvas ile çalışır — hiçbir şey gönderilmez.

Paleti Figma veya Adobe'a aktarabilir miyim?

Şu an doğrudan değil. Şimdilik her HEX'i kopyala ve aracına yapıştır — Figma color style'ları HEX'i doğrudan alır, Adobe da HEX listesinden hazırlanmış ASE import'unu kabul eder. Tek tıkla export roadmap'te.

Gökkuşağı fotoğrafım neden sadece altı renk getiriyor?

Görsel olarak benzer tonlar örnekleme sırasında aynı RGB grubuna düşer. Renk sayısını 12 veya 16'ya çıkar ya da en çeşitli alana kırp.

HEX değerleri tam piksel değerleri mi?

Tek pikselin örneği değil, her grubun ortalaması. Kenar ya da gölgeden gelmiş rastgele bir piksel yerine 'gözle seçeceğin renk' gibi durmasının nedeni bu.