İçeriğe geç
snowkitDesign

Bir görseldeki herhangi bir pikselin rengini alın

Bir fotoğraf veya ekran görüntüsü açın, istediğiniz renge dokunun ve HEX, RGB veya HSL değerini kopyalayın.

Renk seçici

Buraya bir görsel bırakın JPG, PNG, WebP, GIF veya SVG. Ayrıca Ctrl+V ile ekran görüntüsü yapıştırabilirsiniz.

Bir görsel açın, sonra bir renk seçmek için üzerinde herhangi bir yere tıklayın

Bir yakınlaştırma merceği küçük ayrıntılara ulaşmayı kolaylaştırır ve görselin ana renkleri kopyalayabileceğiniz veya dışa aktarabileceğiniz bir palet olarak çıkarılır. Bir resimdeki herhangi bir şeyin tam rengini bulun; ücretsiz ve gizli.

Bir görselden renk nasıl seçilir

  1. Bir görsel aç'a basın.
  2. Resmin üzerinde gezinin ve bir renk seçmek için tıklayın veya dokunun. 1 piksel, 3 × 3 veya 5 × 5 pikselin ortalamasını almak için Örnek boyutu'nu kullanın.
  3. Değeri HEX, RGB veya HSL olarak okuyun ve Kopyala'ya basın.
  4. Seçimleriniz Seçimleriniz altında toplanır.
  5. Otomatik palet için Ana renkler veya Eşit dağılım'ı seçin ve kaç Renk istediğinizi ayarlayın.
  6. Palet tam doğru değilse beğendiğiniz renkleri kilitleyin, diğerlerini kaldırın ve Kalanları yeniden seç'e basın. Görselden ekle, tıkladığınız her rengi palete koyar.
  7. Dışa aktar altında Palet, CSS, JSON, GIMP veya Adobe'yi seçin ve Paleti indir'e basın.

Herhangi bir görselden tam renkler

Görselin üzerinde gezinin, merceği işaretçinizin altındaki pikselleri büyütülmüş olarak ve seçeceğinizi ortada gösterir. Seçmek için tıklayın veya dokunun. Telefonda parmağınızı sürükleyin ve istediğiniz renkte kaldırın; mercek parmağınızın üstünde durur, böylece altındakini görebilirsiniz. Klavyeyle görsele odaklanın ve ok tuşlarını kullanın, daha hızlı hareket için Shift'i basılı tutun, sonra Enter'a basın.

Tek adımda bir palet

Ana renkler benzer pikselleri gruplar ve görselin çoğunu kaplayan renkleri listeler; bu fotoğraflara ve marka görsellerine uygundur. Eşit dağılım, tüm renk aralığını eşit gruplara böler, bu yüzden bir logo işareti veya düğme rengi gibi küçük vurgular kendi renk kutusunu alma olasılığı daha yüksektir. İstediğiniz renk sayısını seçin; her renk kutusu görselin ne kadarını kapladığını gösterir.

Tasarım araçlarınız için hazır

Tek bir değeri CSS için HEX, RGB veya HSL olarak kopyalayın ya da tüm paleti CSS özel özellikleri, kod ve tasarım token'ları için JSON, Inkscape ve Krita'nın da okuduğu bir GIMP paleti veya Photoshop ve Illustrator için bir Adobe Swatch Exchange dosyası olarak dışa aktarın. Görseller tarayıcınız tarafından okunur ve asla yüklenmez.

Doğru renkler için ipuçları

  • Fotoğraflarda daha büyük bir örnek boyutu kullanın, çünkü tek pikseller gürültü içerebilir.
  • Tam değeri istediğiniz düz logolar, simgeler ve ekran görüntüleri için 1 piksel kullanın.
  • Bir fotoğrafın renklerinin ışığa ve kameraya bağlı olduğunu, bu yüzden gerçek nesneyle eşleşmeyebileceğini unutmayın.
  • Kontrastı kontrol etmek ve biçimler arasında geçmek için renk çeviriciyi kullanın.

Yaygın kullanımlar

Bir web sitesini veya slaytı bir logoyla eşleştirme, bir fotoğraftan renk paleti oluşturma, boya veya kumaş renkleri seçme ve bir ekran görüntüsünden tam rengi kopyalama. Tasarımcılar, öğrenciler ve küçük işletme sahipleri bunu her gün kullanır.

Sorular

Görselim yükleniyor mu?

Hayır. Tarayıcınızda okunur.

Hangi görsel türleri çalışır?

Tarayıcınızın açabildiği her görsel; PNG, JPG, WebP, GIF ve SVG dahil.

Hangi palet biçimini kullanmalıyım?

Web siteleri için CSS, kod için JSON, ücretsiz tasarım programları için GIMP, Photoshop ve Illustrator için Adobe kullanın.

Sırada ne var

Az önce yaptığınızla devam edin, hâlâ cihazınızda.

Snowkit'ten daha fazlası