Skip to content
Zoyku

Renk Seçici

Renk paletinden seç ya da EyeDropper API ile doğrudan ekranından al — hex, RGB ve HSL tek tıkla kopyalanır.

#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)

Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.

Bu araç tamamen tarayıcında çalışır. Verilerin asla cihazından çıkmaz — hiçbir sunucuya yüklenmez.

Nasıl kullanılır

  1. 1Renk paletine tıklayıp bir renk seç ya da varsa Ekrandan seç'i kullan.
  2. 2Önizlemenin altındaki hex, RGB ve HSL değerlerini oku.
  3. 3İhtiyacın olan biçimin yanındaki Kopyala'ya tıkla.

Renk Seçici

Görsel olarak bir renk kurmak için palete tıkla ya da — Chromium tabanlı tarayıcılarda — ekranda duran herhangi bir pikseli örneklemek için Ekrandan seç'i kullan. Seçilen değer aynı anda hex, rgb() ve hsl() olarak görünür; her birinin kendi kopyala düğmesi vardır.

Örnekleme, tarayıcının yerleşik EyeDropper API'sini kullanır ve pikseli yerel okur; hiçbir şey kaydedilmez, yüklenmez, saklanmaz. API'nin olmadığı tarayıcılarda palet girişi her şeyi çalışır tutar.

Sık sorulan sorular

“Ekrandan seç” neden görünmüyor?

EyeDropper API şu anda Chromium tabanlı tarayıcılarda (Chrome, Edge, Brave, Opera) mevcuttur. Firefox ve Safari henüz sunmuyor; o tarayıcılarda yalnızca palet girişi görünür — geri kalan her şey aynı şekilde çalışır.

Hex, RGB ve HSL arasındaki fark nedir?

Aynı rengi üç yolla anlatırlar: hex, kırmızı-yeşil-maviyi CSS ve tasarım araçları için #RRGGBB'ye paketler; rgb() üç kanalı sayısal belirtir; hsl() ton, doygunluk ve parlaklık verir; paletler ve hover durumlarını elle kurmak için daha kolaydır.

Ekran örneklemesi gizli mi?

Evet. EyeDropper API bir sistem seçici gösterir ve yalnızca tıkladığın tek pikseli döndürür; okuma tarayıcında olur ve hiçbir ekran görüntüsü, geçmiş veya değer iletilmez ya da saklanmaz.

Bu aracı gömün

Tek satırla bu aracı sitenize ekleyin — ziyaretçinin tarayıcısında çalışır.

<iframe src="https://zoyku.com/tr/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>
100% local processing