İçeriğe atla
SPCXTools

Resimden Renk Seçici

Bir görselin tam HEX, RGB ve HSL renk kodlarını — ve ana renk paletini — öğrenmek için resmin herhangi bir yerine tıklayın.

Yerel çalışır — dosyalarınız cihazınızdan dışarı çıkmaz

Araç yükleniyor…

Resimden Renk Seçici nasıl kullanılır

  1. 1Bir görsel seçin, sayfaya sürükleyin veya Ctrl+V (Mac'te ⌘+V) ile bir ekran görüntüsü yapıştırın.
  2. 2İmleci görselin üzerinde gezdirin. Büyüteç, imlecin altındaki tam pikseli gösterir.
  3. 3Bir renk seçmek için tıklayın. Rengin HEX, RGB ve HSL kodları sağda belirecektir — kullanmak istediğiniz kod için Kopyala'ya tıklayın.
  4. 4Görselin baskın renklerini almak için Ana renkler paletini, önceki seçimlerinize dönmek için ise Seçilen renkler bölümünü kullanın.

Herhangi bir görselden tam rengi seçin

Bir fotoğrafta, web sitesi ekran görüntüsünde, logoda veya tasarım taslağında beğendiğiniz bir renk buldunuz ve şimdi koduna ihtiyacınız var. Bu görsel renk seçici, herhangi bir resim için damlalık gibi çalışır: görseli açın, bir piksele tıklayın ve CSS, Figma, Photoshop, Canva veya PowerPoint'e yapıştırmaya hazır olarak rengi HEX, RGB ve HSL formatında alın. Büyüteç, tam doğru noktayı seçebilmeniz için imlecin altındaki pikselleri gösterir ve görselin ana renklerinden oluşan bir palet otomatik olarak oluşturulur.

Özellikler

  • Tarayıcınızın açabildiği tüm görsel formatları için Damlalık — JPG, PNG, WebP, GIF, SVG, AVIF ve HEIC.
  • İmlecin altındaki alanı piksel piksel büyüten Büyüteç.
  • Tek tıkla kopyalama butonlarına sahip HEX, RGB ve HSL kodları.
  • Tüm görselden çıkarılan Ana renk paleti.
  • Karşılaştırma yapabilmeniz ve geri dönebilmeniz için 16 renge kadar Seçim geçmişi.
  • Doğrudan panodan Ekran görüntülerini yapıştırma.
  • Gizli: Görsel asla cihazınızdan ayrılmaz.

Hangi renk formatını kullanmalıyım?

Format Örnek Kullanım alanı
HEX #1E90FF CSS, HTML, Figma, Canva, çoğu tasarım aracı
RGB rgb(30, 144, 255) CSS, Photoshop, Office uygulamaları, programlama
HSL hsl(210, 100%, 56%) Parlaklığı veya doygunluğu ayarlamak istediğinizde CSS'te

Seçilen rengi CMYK veya HSV gibi diğer formatlara dönüştürmek veya siyah ve beyaz metne karşı kontrastını kontrol etmek için rengi Renk Dönüştürücü aracında açın.

Kullanım fikirleri

Marka renklerini eşleştirin: Sunumunuzda tutarlılığı sağlamak için bir şirketin logosundan veya web sitesi ekran görüntüsünden tam mavi tonunu alın.

Renk paleti oluşturun: Bir web sitesi, afiş veya slayt temasına başlarken bir fotoğrafın ana renklerini temel alın.

Web geliştirme: Tasarım dosyası yerine görsel olarak gönderilen bir taslaktan renk kodlarını alın.

Dijital sanat ve el işleri: Çizim uygulamaları, nakış veya örgü desenleri için referans bir fotoğraftaki renklerin kodlarını bulun.

Doğru sonuçlar almak

Elinizdeki görselin en büyük ve en az sıkıştırılmış sürümünü seçin: PNG ekran görüntüleri renkleri birebir korurken, JPG fotoğrafların kenarlarında hafif renk kaymaları olabilir. Büyüteçle yakınlaştırın ve piksellerin iki rengi birbirine karıştırdığı yumuşatılmış (anti-aliased) kenarlardan kaçının. Büyük bir görselin sadece bir kısmına ihtiyacınız varsa, çalışmayı kolaylaştırmak için önce Resim Kırp aracını kullanın.

Sıkça sorulan sorular

Görseldeki bir rengin HEX kodunu nasıl bulurum?
Görseli bu araçta açın ve ilgilendiğiniz noktaya tıklayın. HEX kodu (örneğin
Ekran görüntüsünden renk seçebilir miyim?
Evet. Her zamanki gibi bir ekran görüntüsü alın, ardından doğrudan yapıştırmak için bu sayfada Ctrl+V (veya Mac'te ⌘+V) tuşlarına basın — önce dosya olarak kaydetmenize gerek yok.
Ana renkler nasıl hesaplanıyor?
Araç, görselin küçültülmüş bir kopyasını örnekler, benzer renkleri gruplandırır ve en yaygın olanları listeler. Paletin belirgin tonları göstermesi için neredeyse aynı olan renkleri atlar.
Seçilen renk neden orijinal tasarımdan biraz farklı?
JPG olarak kaydedilen görseller sıkıştırılır, bu da özellikle kenarlara yakın yerlerde renkleri hafifçe kaydırır. Ekran görüntüleri de ekran renk profillerinden etkilenebilir. Kesin marka renkleri için bir PNG'den seçim yapın veya orijinal tasarım dosyasını kontrol edin.
Görselim yükleniyor mu?
Hayır. Görsel tamamen tarayıcınızın içinde açılır ve okunur. Sunucuya hiçbir şey gönderilmez, bu nedenle özel ekran görüntüleri ve henüz yayınlanmamış tasarımlarla kullanmak güvenlidir.
Telefonlarda çalışır mı?
Evet. Renk seçmek için görsele dokunun. Siz görsele dokunurken büyüteç parmağınızı takip eder.