Resimden Renk Seçici ve Palet Çıkarıcı

Bir resim yükleyin, imlecinizin altındaki tam rengi almak için üzerinde herhangi bir yere tıklayın ve HEX, RGB ya da HSL değerini kopyalayın. Araç ayrıca ana renklerin paletini otomatik çıkarır. Resminiz tarayıcınızda doğrudan tuvalden okunur ve hiçbir yere gönderilmez.

Bir resmi buraya sürükleyip bırakın ya da dosya seçmek için tıklayın

JPG, PNG, WebP ve GIF desteklenir. Dosyalar cihazınızda kalır.

Renk seçmek için resme tıklayın. Tıklamadan önce önizlemek için imleci gezdirin.

Seçilen renk

Palet

Renkler, tarayıcınız tarafından Canvas API kullanılarak doğrudan resim piksellerinden okunur. Resmin kendisi hiçbir zaman sunucuya yüklenmez.

Herhangi Bir Resimden Tam Renkleri Alın

Tasarımcıların ve geliştiricilerin sürekli bir pikselin kesin rengine ihtiyacı olur: logodaki mavi, ekran görüntüsünün arka planı, fotoğraftaki vurgu rengi. Bu resimden renk seçici, resminizi tıklanabilir bir tuvale çevirir, imlecinizin altındaki değeri üç yaygın biçimde gösterir ve herhangi birini tek tıkla kopyalamanızı sağlar. Seçiciyle birlikte tüm resmi tarar ve en yaygın renklerden bir palet oluşturur, böylece referans bir resimden hazır bir renk şeması alabilirsiniz.

Marka renklerini eşleştirmek, bir ekran görüntüsünden tema oluşturmak, tasarım için fotoğraftan tonlar almak ya da bir görselden renk şeması çıkarmak için kullanın.

Renk Nasıl Seçilir

  1. Bir resim açın. Bir resmi sürükleyin ya da seçin, tuvalde görünür.
  2. Bir piksele tıklayın. O noktadaki rengi yakalamak için resmin üzerinde herhangi bir yere tıklayın.
  3. Kodu kopyalayın. HEX, RGB ya da HSL değerini kopyalayın, ya da HEX kodunu kopyalamak için bir palet rengine tıklayın.

Üç Renk Biçimi

Her seçim CSS ve tasarım araçları için HEX, kod için RGB, ton, doygunluk ve açıklığı ayarlamak için HSL olarak gösterilir. Projenizin ihtiyaç duyduğunu kopyalayın.

Otomatik Palet

Araç resimden örnek alır ve benzer tonları gruplayarak baskın renkleri ortaya çıkarır. Uyumlu bir tasarım için ödünç alabileceğiniz anında bir palet elde edersiniz.

Pikselleri Yerelde Okur

Resim tarayıcınızda bir tuvale çizilir ve renkler oradan okunur. Hiçbir şey yüklenmez, bu yüzden özel taslaklar ve ekran görüntüleri makinenizde kalır.

Kullanmak İçin Pratik Nedenler

  • Tek tıkla kopyalama: HEX, RGB ya da HSL kodunu anında alın.
  • Saniyeler içinde palet: her resmin ana renkleri, yeniden kullanıma hazır.
  • Yükleme yok: pikseller tarayıcınızda okunur ve gizli kalır.
  • Ücretsiz: hesap gerekmez, hiçbir şeye filigran eklenmez.
  • Her cihazda: bilgisayarda tıklayarak, mobilde dokunarak çalışır.

Renk Seçicinin Yaygın Kullanımları

İnsanların bu aracı en sık açma nedeni, bir fotoğrafta ya da ekran görüntüsünde gördükleri rengin hex kodunu almaktır. Bir logo yükleyip kesin marka rengini okumak için işarete tıklayın, ya da üzerinde çalıştığınız resme bir web sitesi rengini uydurmak için ekran görüntüsünün arka planına tıklayın. Her seçim değeri aynı anda üç biçimde verir: CSS ya da tasarım uygulamasına yapıştırmak için #1A73E8 gibi bir HEX kodu, kod için rgb(26, 115, 232) gibi bir RGB dizesi ve ton, doygunluk ve açıklığı ayarlamak için bir HSL dizesi. Her birinin yanında bir kopyala düğmesi bulunur, yani tek bir pikselin RGB değerini bulmak bir tıklama ve bir kopyalamadır.

Bir resimden palet oluşturmanın da hızlı yoludur. Resim yüklendiğinde araç pikselleri okur ve en yaygın sekize kadar rengi, altlarında HEX kodlarıyla örnek kutular olarak listeler. O rengi ana göstergeye yüklemek için bir kutuya tıklayın, ya da kodu doğrudan panonuza kopyalamak için koda tıklayın. Bu, bir görselden, fotoğraftan ya da ilham panosundan renk şeması almayı, ya da bir referans resimden tahmin yürütmeden uyumlu tonlar çıkarmayı kolaylaştırır.

Sık Sorulan Sorular

Resminizi açın, sonra ilgilendiğiniz noktaya tıklayın. O pikseldeki renk HEX, RGB ve HSL olarak, her birinin yanında kopyala düğmesiyle görünür.

Evet. Resim yüklenir yüklenmez araç onu analiz eder ve en yaygın renklerin paletini gösterir. HEX değerini kopyalamak için herhangi bir renge tıklayın.

Hayır. Resim tarayıcınızda bir tuvale çizilir ve renk değerleri oradan okunur. Dosya hiçbir zaman sunucuya gönderilmez.

Aynı rengi yazmanın üç yoludur. HEX CSS'te yaygındır, RGB kırmızı, yeşil ve mavi değerlerini listeler, HSL ton, doygunluk ve açıklığı tanımlar; bu da tonları ayarlamak için kullanışlıdır.

Evet. Renk örneklemek için resme dokunun. Araç, herhangi bir uygulama olmadan mobil tarayıcılarda çalışır.

Tam piksel değerini resim verisinden okur, yani renk tahmin edilmez, doğrudan kaynaktan alınır.

Evet. Görünen herhangi bir pikseli örnekleyebilirsiniz. Tamamen şeffaf alanlarda okunacak bir şey olmadığı için renk gösterilmez.

Evet, tamamen ücretsizdir, hesap gerektirmez ve resminize hiçbir şey eklemez.

Resmi yükleyin, sonra istediğiniz noktaya tıklayın. HEX alanı o pikselin kodunu gösterir, örneğin #1A73E8. Yanındaki Kopyala düğmesi kodu CSS'e ya da bir tasarım aracına yapıştırmaya hazır olarak panonuza koyar.

Resimdeki piksele tıklayın ve rengi rgb(kırmızı, yeşil, mavi) biçiminde, örneğin rgb(26, 115, 232), gösteren RGB alanını okuyun. Değeri almak için Kopyala düğmesini kullanın. Aynı seçim HEX ve HSL olarak da gösterilir.

Logo resmini açın ve işaretin renkli kısmına doğrudan tıklayın. Seçilen renk HEX, RGB ve HSL olarak kopyala düğmeleriyle görünür, böylece tam marka rengini alabilirsiniz. Yanındaki otomatik palet de logodaki ana renkleri kopyalayabileceğiniz örnek kutular olarak listeler.

Evet. Resim tarayıcınızda bir tuvale çizilir ve renkler pikselden orada okunur. Hiçbir şey sunucuya gönderilmez, dosya cihazınızdan hiç çıkmaz.