Ücretsiz renk paleti çıkarıcı

Bu ücretsiz renk paleti çıkarıcı ile bir JPG, PNG veya WebP görselden 4, 6, 8 ya da 12 renk alın. HEX, RGB veya HSL kodlarını ya da CSS değişkenlerini kopyalayın. Görseliniz cihazınızda kalır.

Görselinizi buraya bırakın

veya göz atmak için tıklayın. JPG, PNG veya WebP

Görselleri seçin

Görseli kullanıma hazır bir renk paletine dönüştürün

4, 6, 8 veya 12 renk seçin, HEX, RGB ve HSL arasında geçiş yapın, tek tek kodları ya da paletin tamamını CSS değişkenleri olarak kopyalayın.

Saksı bitkisi fotoğrafıyla renk paleti çıkarıcı, 6 renk seçildi ve HEX kodları #3f2d19 ile #ccc7ac arasında

Görselden renkleri çıkarın

Bir fotoğraf, logo veya ekran görüntüsü bırakın, palet kendiliğinden görünsün. Her renk örneği, medyan kesme yöntemiyle bulunan bir piksel grubunun ortalama rengidir.

JPG, PNG ve WebP görseller desteklenir
Palet, görsel yüklenir yüklenmez görünür
4, 6, 8 veya 12 renk seçin

Hemen deneyin

HSL kodlarını gösteren renk paleti çıkarıcı, biri kopyalanmış, ve --color-1 ile --color-6 arasını içeren bir CSS bloğu

HEX, RGB ve HSL renk kodlarını kopyalayın

Tek tıkla tüm renk örnekleri arasında HEX, RGB ve HSL biçimleri arasında geçiş yapın, ardından kodunu kopyalamak için bir örneğe dokunun. CSS Değişkenleri kutusu, stil sayfasına hazır tüm paleti içerir.

HEX, RGB veya HSL kodları
Tümünü CSS değişkenleri olarak kopyalayın
--color-1 ile --color-12 arasında adlandırılır

Hemen deneyin

Palet boyutunu seçin

Sade bir marka paleti için 4 renk, daha fazla ton görmek için 6, 8 veya 12 renk kullanın. Boyutu değiştirdiğinizde palet hemen güncellenir, yeniden yüklemeniz gerekmez.

Görseliniz cihazınızda kalır

Renkler tarayıcı sekmenizin içinde hesaplanır ve görsel bize asla gönderilmez. Yalnızca seçilen palet boyutu ve geçen süre gibi anonim kullanım verilerini sayarız.

Şeffaf logolardan temiz paletler

Yarıdan fazla saydam olan pikseller atlanır. Bir PNG logonun veya simgenin çevresindeki boş alan, paletinize istenmeyen siyah ya da beyaz örnekler eklemez.

Büyük fotoğraflar analiz için küçültülür

Renkleri saymadan önce araç, görselin bir kopyasını en uzun kenarı 256 piksel olacak şekilde küçültür. Büyük kamera fotoğrafları ekran görüntüleriyle aynı şekilde işlenir, ancak çok küçük ayrıntılar yakındaki renklerle karışır.

Görselden renk paleti nasıl çıkarılır

Görselinizi ekleyin.

Kutuya bir JPG, PNG veya WebP dosyası bırakın ya da seçmek için tıklayın. Düzenleyici açılır ve hemen 6 renkli bir palet oluşturur.

Palet boyutunu ayarlayın.

Kaç renk alacağınızı değiştirmek için Palet boyutu altında 4, 6, 8 veya 12'ye tıklayın. Renk biçimi altında HEX, RGB veya HSL seçin.

Renklerinizi kopyalayın.

Kodunu kopyalamak için herhangi bir renk örneğine tıklayın ya da paletin tamamını almak için Tümünü CSS değişkenleri olarak kopyala düğmesine tıklayın. Stil sayfanıza veya tasarım uygulamanıza yapıştırın.

Renk paleti çıkarıcıyı kimler kullanır

Görsel varlıklardan kullanılabilir renk kodlarına ihtiyaç duyan tasarımcılar, geliştiriciler ve pazarlamacılar.

Arayüz ve web tasarımı

Bir müşterinin fotoğraflarından, maketlerinden veya ana görsellerinden renkleri alın ve CSS değişkenleri olarak yapıştırın. Görsellerle uyumlu bir başlangıç tasarım belirteci seti sunar.

Ana görseli --color-1 ile --color-N arasındaki değişkenlere dönüştürün
Düğme ve bağlantı renklerini ürün fotoğraflarıyla eşleştirin
Kodunuzda ince ayar yapmak için RGB veya HSL değerlerini kopyalayın

Logolar ve marka kitleri

Marka renklerini HEX kodları olarak almak için bir PNG logo bırakın. Şeffaf alanlar atlanır, bu nedenle palet boş arka plandan değil, logonun kendisinden oluşur.

Bir müşterinin logosunun HEX kodlarını bulun
Slaytları ve sosyal medya paylaşımlarını marka renkleriyle eşleştirin
Ürün fotoğraflarından basit bir marka kiti oluşturun

Sanat ve illüstrasyon

Bir referans fotoğraftan, resimden veya ilham panosundan sınırlı bir palet alın. Çalışmayı sade tutmak için 4 veya 6 renk kullanın, ardından bu değerlerle boyayın.

Referans fotoğraflarınızdan sınırlı bir palet çıkarın
Renk çalışması için bir resimden renk örnekleri alın
İlham panosu için uyumlu renk setleri toplayın

Sıkça sorulan sorular

Görsellerden renk paleti ve HEX kodu çıkarma hakkında yanıtlar.

Görselden renk paletini nasıl çıkarırım?

Bu sayfaya bir JPG, PNG veya WebP görsel bırakın. Düzenleyici açılır ve görsel yüklenir yüklenmez 6 renkli bir palet gösterir. Palet boyutu altından renk sayısını değiştirin, ardından kodunu kopyalamak için bir renk örneğine tıklayın.

Görselden HEX kodlarını nasıl alırım?

Görseli yükleyin ve Renk biçimi ayarını varsayılan olan HEX'te bırakın. Her renk örneği, #3a7bd5 gibi altı haneli bir kod gösterir. Kodu kopyalamak için bir renk örneğine tıklayın ya da tüm kodları tek seferde kopyalamak için Tümünü CSS değişkenleri olarak kopyala düğmesine basın.

Tek bir görselden kaç renk çıkarabilirim?

4, 6, 8 veya 12 renk seçebilirsiniz; varsayılan 6'dır. Dört renk, sade bir marka paleti için uygundur. Daha yüksek sayılar daha fazla renk örneği gösterir, ancak gökyüzü gibi geniş bir alan çoğu zaman bunların birkaçını birbirine yakın tonlarla doldurur.

Araç renkleri nasıl seçiyor?

Medyan kesme yöntemini kullanır. Görselin bir kopyası en uzun kenarı 256 piksel olacak şekilde küçültülür ve pikselleri kırmızı, yeşil ve mavi değerlerine göre eşit gruplara bölünür. Her renk örneği bir grubun ortalamasını alır, bu yüzden hiçbir tekil pikselde bulunmayan bir karışım olabilir. 6 veya 12 renkte en açık gruplar dışarıda bırakılır.

Paleti CSS değişkenleri olarak kopyalayabilir miyim?

Evet. CSS Değişkenleri kutusu, renklerinizi seçtiğiniz biçimde bir :root bloğu içinde listeler ve bunları --color-1, --color-2 şeklinde adlandırır. Tümünü CSS değişkenleri olarak kopyala düğmesine tıklayın ve kodu bir stil sayfasına yapıştırın. Kod panonuza kopyalanır; dosya indirilmez.

HEIC, GIF veya SVG dosyasından palet çıkarabilir miyim?

Doğrudan çıkaramazsınız. Yükleyici yalnızca JPG, PNG ve WebP kabul eder; HEIC, GIF, AVIF, SVG ve TIFF dosyalarını reddeder. HEIC veya TIFF biçimindeki bir fotoğrafı önce ücretsiz Görsel Dönüştürücü ile PNG'ye çevirin, ardından paletini almak için PNG'yi buraya bırakın.

Şeffaf PNG logolarla çalışır mı?

Evet. Yarıdan fazla şeffaf olan pikseller atlanır, bu nedenle logonun boş arka planı siyah veya beyaz renk örnekleri eklemez. Bir görsel neredeyse tamamen şeffafsa hiç renk örneği görünmez; bu durumda logonun düz bir zemin üzerindeki kopyasını deneyin.

Görselimdeki bir renk neden paletde yok?

İki şey bir rengi gizleyebilir. Her renk örneği, piksellerin eşit bir bölümünün ortalamasını alır; bu yüzden küçük bir vurgu rengi komşu renklerle karışır. 6 ve 12 renkte araç ayrıca çoğunlukla en açık pikselleri içeren son grupları da dışarıda bırakır, dolayısıyla beyaz alanlar kaybolabilir. Tüm pikselleri kapsamak için 4 veya 8 seçin.

Görseldeki tek bir noktanın rengini seçebilir miyim?

Bu araçla seçemezsiniz. Araç tüm görsel için bir palet oluşturur ve tek bir piksel için damlalık aracı yoktur. Küçük bir alandan örnek almak için önce görseli o noktaya kadar kırpın; palet yalnızca geriye kalan kısımdan oluşturulur.

Bir web sitesinden veya URL'den renk paleti çıkarabilir miyim?

Doğrudan çıkaramazsınız. Araç web adreslerini değil, görsel dosyalarını okur. Web sitesinin ekran görüntüsünü alın, PNG olarak kaydedin ve sayfanın ana renklerini HEX, RGB veya HSL kodları olarak almak için buraya bırakın.

Renk paleti çıkarıcı ücretsiz ve gizli mi?

Evet. Ücretsizdir, kayıt gerektirmez ve günlük sınırı yoktur. Görseliniz tarayıcınızın içinde okunur ve sunucularımıza asla gönderilmez. Palet boyutu ve geçen süre gibi anonim istatistikleri kaydederiz; görseli veya renklerini asla kaydetmeyiz.