Başlık

Renk seçici

Bırakın, yapıştırın (Ctrl+V) veya yüklemek için tıklayın

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Renk seçmek için bir fotoğraf yükleyin

Veya bir örnek deneyin:

Örnek 1
Örnek 2
Örnek 3

Renk Paleti

Renkler: 3

Renk Seçici ve Çıkarıcı – Ücretsiz Çevrimiçi Araç

Ücretsiz çevrimiçi renk çıkarıcımız, bir fotoğraftan tek tıkla herhangi bir rengi seçmenizi sağlar — yüklenecek bir yazılım ve hesap gerekmez. Görselinizi yükleyin, yakınlaştırmak için üzerine gelin, HEX, RGB, HSL ve HSV değerlerini anında görmek için herhangi bir piksele tıklayın, ardından seçtiğiniz renkten tam bir renk paleti oluşturun. Sonuçları istediğiniz zaman indirin.

Fotoğraftan Renk Seçme Yöntemi

1
Görselinizi yükleyin

Fotoğrafı panele bırakın, Fotoğraf Yükle, ya da Ctrl + V ile yapıştırın. JPEG, PNG, WebP, HEIC ve GIF desteklenir.

2
Renk Seçmek için Tıklayın

Büyüteçle yakınlaştırmak için görselin üzerine gelin, ardından o pikselin rengini yakalamak için herhangi bir yere tıklayın. HEX, RGB, HSL ve HSV değerleri anında görünür.

3
Paleti Kopyalayın veya Oluşturun

Panoya kopyalamak için herhangi bir değer alanına tıklayın, renkleri daha sonra kullanmak üzere kaydedin veya tam bir renk paleti oluşturup CSS değişkenleri ya da bir PNG örnek şeridi olarak dışa aktarın.

Temel Özellikler

  • Dört renk formatı – herhangi bir değer alanına tek tıklayarak seçilen rengi HEX, RGB, HSL ve HSV olarak görüntüleyin ve kopyalayın.
  • Piksel hassasiyetinde büyüteç – dairesel bir yakınlaştırma merceği imlecinizi takip eder, böylece istediğiniz pikseli tam olarak bulabilirsiniz.
  • 8 palet türü – 3–10 örnekle Analog, Tamamlayıcı, Triadik, Tetradik, Bölünmüş Tamamlayıcı, Monokromatik, Koyu Tonlar veya Açık Tonlar paletleri oluşturun.
  • Dışa aktarma seçenekleri – tüm palet HEX kodlarını tek seferde kopyalayın, bir PNG örnek şeridi indirin veya paleti CSS özel özellikleri olarak dışa aktarın (:root değişkenleri).
  • Kaydedilen renkler – herhangi bir rengi tarayıcınızda saklanan kişisel kaydedilen renkler paneline yer imi olarak ekleyin; istediğiniz zaman temizleyebilirsiniz.
  • HEIC desteği – HEIC/HEIF formatındaki iPhone fotoğrafları, renk seçiminden önce otomatik olarak dönüştürülür.
  • Tamamen tarayıcınızda çalışır – fotoğraflarınız hiçbir zaman herhangi bir sunucuya yüklenmez.
  • Ücretsiz ve sınırsız – kayıt yok, filigran yok, sınır yok.

Renk Çıkarıcı Nedir?

Renk çıkarıcı (veya görsel renk seçici), bir fotoğraftaki herhangi bir pikselin tam rengini okuyan ve bunu tasarım ile geliştirmede kullanılan standart renk kodlarına dönüştüren bir araçtır. Bir rengi gözle tahmin etmek veya değerleri elle girmek yerine, yalnızca ilgilendiğiniz noktaya tıklarsınız ve araç dönüştürmeyi sizin için yapar — ekranınızın gösterdiği ham RGB değerlerinden, grafik tasarım iş akışlarında kullanılan HSL ve HSV gösterimlerine kadar.

Renk paleti oluşturucu bunu bir adım öteye taşır: bir taban renk seçtikten sonra, renk teorisini uygulayarak CSS, Figma veya herhangi bir tasarım aracında doğrudan kullanıma hazır uyumlu renk şemaları üretir.

Yaygın Kullanım Alanları

  • Marka renk çıkarımı – bir web sitesinde veya tasarım sisteminde tutarlı biçimde kullanmak üzere bir logodan veya marka fotoğrafından tam HEX kodlarını alın.
  • Web ve UI tasarımı – düzeninizin bütünlüklü görünmesi için renkleri bir ürün görseline veya öne çıkan bir fotoğrafa uydurun.
  • Palet oluşturma – tek bir anahtar renkten başlayarak bir proje için tam bir tamamlayıcı veya analog renk şeması oluşturun.
  • Baskı ve illüstrasyon – boya karıştırmadan veya bir baskı profili ayarlamadan önce doğru RGB değerlerini bulmak için referans fotoğraflardan örnekleme yapın.
  • CSS teması – palet değişkenlerini doğrudan bir :root bloğu olarak dışa aktarın; stil sayfanıza doğrudan ekleyebilirsiniz.

Sık Sorulan Sorular

Evet, araç 100% ücretsizdir ve kullanım sınırı yoktur. Bir hesap oluşturmanıza veya herhangi bir ödeme bilgisi vermenize gerek yoktur.
Hayır. Tüm işlemler, HTML5 Canvas API kullanılarak tamamen tarayıcınızın içinde gerçekleştirilir. Görseliniz hiçbir zaman herhangi bir sunucuya gönderilmez, bu nedenle gizliliğiniz tamamen korunur.
Araç, seçilen rengi aynı anda dört formatta gösterir: HEX (örn. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), ve HSV (hsv(216, 73%, 84%)). Herhangi bir alana tıklayarak anında kopyalayın.
İmlecinizi görsel üzerinde hareket ettirdiğinizde, çevredeki piksellerin yakınlaştırılmış görünümünü gösteren dairesel bir büyüteç imlecinizin yakınında belirir. Bu sayede, özellikle ince ayrıntılara veya ince renk geçişlerine sahip fotoğraflarda, istediğiniz tam pikseli kolayca bulup tıklayabilirsiniz.
Görselinizdeki herhangi bir piksele tıklayarak bir taban renk belirleyin, ardından aşağı kaydırıp Renk Paleti bölümüne gidin. Bir palet türü seçin (Analog, Tamamlayıcı, Triadik vb.) ve 3–10 arası örnek seçmek için sayaç kaydırıcısını sürükleyin. Palet anında güncellenir. Sonucu kullanmak için Renkleri Kopyala, PNG İndir, ya da CSS Dışa Aktar düğmelerini kullanın.
CSS Dışa Aktar, her palet rengini bir CSS özel özelliği olarak içeren bir :root { } bloğu kopyalar (örn. --color-1: #3a7bd5;). Bunu doğrudan stil sayfanıza yapıştırabilir ve değişkenlere projeniz boyunca başvurabilirsiniz.
Evet. HEIC ve HEIF dosyaları, görsel görüntülenmeden önce tarayıcınızda otomatik olarak JPEG'e dönüştürülür. Dönüştürme sırasında bir yükleme göstergesi görünür ve hiçbir dosya sunucularımıza gönderilmez.