Görsel Renk Seçici Pikseli tam vurun, HEX／RGB／HSL'yi anında kopyalayın

Görsel Renk Seçici nedir?

Bu ücretsiz çevrimiçi araç; tasarımcıların, geliştiricilerin ve sunum hazırlayanların bir fotoğraf, taslak veya ekran görüntüsündeki herhangi bir pikselin tam rengini çıkarmasına yardımcı olur. Bir görseli sürükleyip bırakın, istediğiniz noktanın üzerine gelin — büyüteç o pikseli gerçek zamanlı olarak yakınlaştırır — sonra tıklayarak HEX, RGB ve HSL kodlarını anında kopyalayın ve karşılaştırmak üzere oluşturabileceğiniz palete ekleyin.

🔒 Tüm işlem tamamen tarayıcınızda, %100 yerel olarak gerçekleşir. Görseliniz hiçbir zaman bir sunucuya gönderilmez, dosyalarınız ve gizliliğiniz tamamen korunur.

Bu araç kimler için?

• Tasarımcılar ve illüstratörler: müşteri referans görselinden, marka kılavuzundan veya rakip ekran görüntüsünden tam marka renklerini hızla çıkarma.
• Pazarlamacılar ve sunum hazırlayanlar: şirket logosundan ana rengi alarak slaytları marka kimliğiyle tam uyumlu hale getirme.
• Front-end geliştiriciler: CSS için gereken HEX kodunu bir arayüz taslağı ekran görüntüsünden doğrudan alma, tasarım yazılımı açmaya gerek kalmadan.
• Fotoğrafçılar ve sanatçılar: bir fotoğraftaki ton dağılımını renk düzenleme referansı olarak analiz etme.

HEX, RGB ve HSL nedir?

Bunlar rengi temsil etmenin en yaygın üç biçimidir: HEX (örn. #4E8AB5), web tasarımında en çok kullanılan onaltılık koddur; RGB, bir rengi kırmızı, yeşil ve mavi değerleriyle (0–255) tanımlar; HSL ise ton, doygunluk ve parlaklığı tanımlar, bu genellikle insan sezgisine daha uygundur. Daha fazlasını Wikipedia: Web colors'da öğrenebilirsiniz.

Nasıl kullanılır

1. Bir görseli yükleme alanına sürükleyin veya dosyalarınıza göz atmak için Görsel Seç'e tıklayın.
2. İmleci görselin herhangi bir noktasına götürün — büyüteç, altındaki tam rengi gerçek zamanlı gösterir.
3. HEX kodunu otomatik olarak kopyalamak ve aşağıdaki palete eklemek için tıklayın; her renk tek tek HEX, RGB veya HSL olarak kopyalanabilir veya silinebilir.

Sıkça Sorulan Sorular (SSS)

S1: Görselim bir sunucuya yükleniyor mu?

Hayır. Bu araç, tarayıcının yerel Canvas API'sini kullanarak piksel renklerini yerel olarak okur. Görsel dosyanız cihazınızdan asla ayrılmaz ve sayfa yenilendiğinde tüm veriler otomatik olarak silinir.

S2: Ekrandan Al düğmesini neden görmüyorum?

Bu özellik, tarayıcının yerel EyeDropper API'sini kullanır ve şu anda yalnızca Chrome ve Edge (sürüm 95+) gibi Chromium tabanlı tarayıcılarda kullanılabilir. Firefox ve Safari henüz desteklemiyor. Bu düğme olmadan da ana görsel renk seçici işlevi kusursuz çalışır.

S3: Görsel sıkıştırması renk doğruluğunu etkiler mi?

Az da olsa etkiler. JPG gibi kayıplı sıkıştırma biçimleri, piksel değerlerini orijinal tasarım dosyasından biraz farklılaştırabilir. Piksel hassasiyetinde doğruluk için mümkün olduğunda PNG gibi kayıpsız bir biçim kullanın.