Görsel Renk Seçici ile Piksel Hassasiyetinde Renk Analizi
Görsel Renk Seçici, dijital görsellerinizdeki pikselleri doğrudan tarayıcınız üzerinden incelemenizi ve tam renk kodlarını elde etmenizi sağlar. Bir görsel yüklediğinizde, araç otomatik olarak merkez pikselin koordinatlarını ve renk değerlerini ekrana getirir. İmleci görsel üzerinde hareket ettirerek pikselleri tek tek örnekleyebilir, entegre büyüteç sayesinde en küçük detaylarda bile doğru noktayı bulabilirsiniz.
Renk seçimi yapmak için görselin üzerine tıklamanız yeterlidir; bu işlem seçilen rengi geçmişe kaydeder. Fare yerine klavye kullanmayı tercih ediyorsanız, görsel odaklanmış durumdayken yön tuşlarını kullanarak hedef artı işaretini piksel piksel hareket ettirebilirsiniz. Daha hızlı hareket etmek için Shift tuşuyla birlikte yön tuşlarına basarak hedefi 10 piksel birden kaydırabilirsiniz. Beğendiğiniz bir rengi kaydetmek için ise Enter veya Space tuşuna basmanız yeterlidir.
Desteklenen Dosya Formatları ve Sınırlar
Araç, modern web standartlarında yaygın olarak kullanılan birçok görsel formatını doğrudan işleyebilir. Dosya seçimi yaparken veya sürükleyip bırakırken aşağıdaki formatlar ve MIME türleri kabul edilir:
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
Eğer desteklenmeyen bir dosya formatı yüklemeye çalışırsanız, sistem "Bu dosya türü desteklenmiyor. PNG, JPG, WebP, GIF, AVIF veya HEIC görseli deneyin." uyarısını verir. Dosyanın bozuk olması veya tarayıcı tarafından çözümlenememesi durumunda ise "Bu görsel açılamadı. Dosya bozuk olabilir veya desteklenmeyen bir formatta olabilir." hata mesajı gösterilir.
Görsel boyutları açısından, en uzun kenarı 4096 pikseli aşan büyük görseller, tarayıcı performansını korumak amacıyla otomatik olarak ölçeklendirilir.
Renk Modelleri ve Değerlerin Kopyalanması
Örneklenen her piksel için araç üç temel renk modelinde çıktı üretir:
- HEX: Web tasarımlarında ve HTML/CSS kodlarında sıkça kullanılan hexadecimal (onaltılık) renk kodu.
- RGB: Kırmızı (Red), Yeşil (Green) ve Mavi (Blue) yoğunluklarını gösteren değerler.
- HSL: Renk tonu (Hue), Doygunluk (Saturation) ve Açıklık (Lightness) bileşenleri.
Ekranda listelenen HEX, RGB veya HSL değerlerinden herhangi birinin üzerine tıklayarak ilgili kodu panonuza kopyalayabilirsiniz. Tarayıcınızın güvenlik ayarları nedeniyle pano erişimi kısıtlanmışsa, ekranda "Kopyalanamadı — tarayıcınız pano erişimini engelledi." uyarısı belirir.
Şeffaflık ve Sıkıştırma Etkileri
Görsellerden renk örneği alırken, görselin oluşturulma ve kaydedilme biçimi piksel değerlerini doğrudan etkiler:
- Alfa Kanalı (Şeffaflık): Yarı şeffaf pikseller analiz edilirken, pikselin arkasında yer alan arka plan rengi hesaba katılmaz; pikselin kendi bağımsız değeri okunur. Bu durumda araç, "Alfa %
{n}— bu piksel kısmen şeffaf." bilgisini gösterir. - Sıkıştırma ve Kenar Yumuşatma: Araç, görsel dosyasında kayıtlı olan tam piksel değerini okur. Ancak görsel bir JPEG dosyasıysa veya bir ekran görüntüsünden alınmışsa, kayıplı sıkıştırma algoritmaları ve kenar yumuşatma (anti-aliasing) işlemleri piksellerin orijinal renk değerlerini hafifçe değiştirmiş olabilir.
Renk Geçmişi Yönetimi
Seçtiğiniz renkleri kaydettiğinizde, sistem "{hex} seçilenlerinize kaydedildi." bildirimiyle birlikte bu rengi geçmiş listesine ekler.
- Kapasite: Kaydedilen renkler geçmişi en fazla 12 adet renk barındırabilir.
- Farklı Şeffaflıklar: Aynı RGB değerlerine sahip olsalar bile, farklı alfa (şeffaflık) değerlerine sahip renkler geçmiş listesinde ayrı birer kayıt olarak tutulur.
- Yeniden Yükleme: Geçmişteki herhangi bir renk örneğine tıklayarak o rengin değerlerini tekrar ana panele yükleyebilirsiniz.
- Sıfırlama: "Yeniden başla" butonuna tıkladığınızda yüklü olan görsel kaldırılır, renk geçmişi tamamen temizlenir ve araç ilk konumuna sıfırlanır.
Veri Gizliliği ve İşleme Süreci
Görsel Renk Seçici üzerinde çalışırken gizliliğiniz korunur. Yüklediğiniz görsel doğrudan kendi cihazınızdan okunur ve tarayıcınızın içinde işlenir. Görsel verileri veya seçtiğiniz renkler hiçbir şekilde BroBroGo sunucularına gönderilmez ve internete yüklenmez.
Sıkça Sorulan Sorular
Görselden nasıl renk seçebilirim?
İmleci görselin üzerinde hareket ettirdiğinizde, panel altındaki rengi gösterir ve tam pikseli yakalayabilmeniz için bir büyüteç yakınlaştırır. Bu rengi seçilenlerinize kaydetmek için tıklayın. Ayrıca görsele odaklanıp yön tuşlarıyla hedefi hareket ettirebilir ve ardından Enter tuşuna basabilirsiniz.
Hangi renk formatlarını alabilirim?
Örneklediğiniz her piksel aynı anda HEX, RGB ve HSL olarak gösterilir. CSS veya bir tasarım aracına yapıştırmak üzere kopyalamak için herhangi bir değere tıklamanız yeterlidir.
Seçilen renk neden her zaman beklediğimle eşleşmiyor?
Görselde saklanan tam piksel değerini alırsınız. Eğer bu bir JPEG veya ekran görüntüsü ise, sıkıştırma ve kenar yumuşatma (anti-aliasing) işlemleri yakındaki pikselleri zaten biraz kaydırmış olabilir; ayrıca yarı saydam bir piksel, arkasında ne olduğuna bakılmaksızın tek başına okunur.