Utilore

Renk seçici

Bir renk seçmek için karenin üzerinde gezinin ya da hâlihazırda var olan bir rengi alın: damlalıkla bir görselden, veya tarayıcının izin verdiği yerde doğrudan ekranın herhangi bir noktasından. Kod, üç yazımın hepsinde anında belirir.

Bir renk seçin

Son kullanılanlar

Ekranın herhangi bir noktasından renk almak, yalnızca Chrome ve Edge’de bulunan bir tarayıcı özelliğidir. Safari ve Firefox’ta düğme hiç gösterilmez: söz verip sonra reddetmek, hiç sunmamaktan kötüdür. Orada bir görsel kullanın, ekran görüntüsü de aynı işi görür.

Görsel bu sekmede kalır: renk hemen burada bir canvas üzerinden okunur, hiçbir şey yüklenmez. Son kullanılan renkler yalnızca bu cihazda hatırlanır.

Yakındaki araçlar: Renk dönüştürücü · Renk paleti oluşturucu · CSS Gradyan Oluşturucu · HEX'ten RGB'ye

Nasıl kullanılır

  1. Tonu seçmek için karenin üzerinde sürükleyin, renk ailesini değiştirmek için altındaki renk tonu kaydıracını kullanın.
  2. Yarı saydam bir renk gerekiyorsa saydamlığı ayarlayın: kodda rgba olarak ya da HEX değerinin sonunda iki fazladan karakter olarak görünür.
  3. Var olan bir rengi almak için «Görselden al» düğmesine basıp resmin üstüne tıklayın. Chrome ve Edge’de doğrudan ekrandan da alabilirsiniz.
  4. İhtiyacınız olan yazımın yanındaki «Kopyala» düğmesine basın. Renk, son kullanılanlar şeridine düşer, böylece ona geri dönebilirsiniz.

Bilmekte fayda var

Kare neden HSV üzerine kurulu

HSV’de doygunluğa karşı parlaklık karesi kenardan kenara doludur: her nokta kendi başına bir renktir. Aynı kareyi HSL üzerine kurarsanız yozlaşır; üst sıra baştan sona beyaz, alt sıra baştan sona siyah olur ve alanın yarısı hiçbir şey seçmez. Bu tercihin bütün gerekçesi budur, testin koruduğu şey de budur.

Üç ayrı giriş yolu, çünkü insanlar farklı sorularla geliyor

Bir renk seçmekle var olan bir rengi bulmak farklı işlerdir. Kare seçmek içindir. Görsel üzerindeki damlalık, bir yerde zaten var olan bir renk içindir: bir ekran görüntüsünde, bir logoda, bir fotoğrafta. Ekrandan almak ise pencereden çıkmadan aynı işi yapmaktır ve bunu yalnızca Chrome ile Edge becerir.

Saydamlık nerede görünür

Saydamlık yalnızca tam olmadığında yazılır: «rgba(31, 95, 214, 1)» yerine «rgb(31, 95, 214)», çünkü ikincisi nasılsa elle temizleniyor. HEX’te saydamlık sona eklenen iki karaktere dönüşür; güncel tarayıcıların hepsi bunu anlar, eski araçlar anlamaz, bu yüzden tam saydamsızlıkta bu kuyruk yazılmaz.

Sık sorulan sorular

Tarayıcımda neden «ekrandan al» düğmesi yok?

Çünkü Safari ve Firefox bunu yapamıyor. Özellik bize değil tarayıcıya ait ve yalnızca Chrome ile Edge’de var. Düğmeyi gösterip sonra reddetmek, hiç sunmamaktan daha kötü olurdu; bu yüzden düğme orada yok. Ekran görüntüsü alıp görseli kullanın, sonuç birebir aynıdır.

Bir fotoğraftaki pikselin rengini nasıl alırım?

«Görselden al» düğmesine basın, dosyayı seçin ve imleci resmin üzerinde gezdirin: renk imleci izler. Sabitlemek için tıklayın. Resim hiçbir yere yüklenmez; bu sekmede bir canvas üzerine çizilir ve oradan okunur.

Rengi seçmek yerine yazabilir miyim?

Evet. Üç alandan herhangi birine alışıldık biçimlerden biriyle yazın — #1f5fd6, 1f5fd6, rgb(31, 95, 214) — diğer ikisi kareyle birlikte kendiliğinden dolar. Yalnızca yazımlar arasında dönüştürme yapacaksanız yandaki renk dönüştürücü daha kısa yoldur.

Parlaklığı sıfıra indirdiğimde renk tonu kaydıracı zıplıyor.

Zıplamaması gerekir ve zıplamaz da: siyahın ve beyazın renk tonu yoktur, bu yüzden kaydıraç kırmızıya sıçramak yerine öncekini korur. Bu bilinçli bir tercih; aksi hâlde karenin dibine her inişinizde üzerinde çalıştığınız renk ailesini kaybederdiniz.

Son kullandığım renkler nerede tutuluyor?

Bu cihazda, tarayıcının içinde. Hiçbir yere gönderilmez ve size bağlanmaz: site verilerini temizleyin, şerit yeniden boşalsın.

İlgili araçlar