Damlalıkla Renk Seçme: Pikselin HEX Kodunu Öğrenin
Müşteri logosundaki mavinin kodunu tasarımcıya söylemeniz lazım ama elinizde yalnızca ekran görüntüsü var. Ya da beğendiğiniz bir sitedeki düğme rengini kendi projenizde kullanmak istiyorsunuz. Bu araç yüklediğiniz görselin herhangi bir pikselini okuyup HEX, RGB ve HSL kodlarını verir; koda tıklayınca panoya kopyalanır. Destekleyen tarayıcılarda ekran damlalığı düğmesiyle sitedeki herhangi bir noktayı da seçebilirsiniz. Her şey tarayıcıda olur, dosya sunucuya gitmez.
Adım adım kullanım
- Görseli seçip yükleyin; ekran görüntüsü veya fotoğraf fark etmez.
- Resim önizlemede belirince merak ettiğiniz noktaya tıklayın.
- Altta açılan kutuda HEX, RGB ve HSL kodlarını okuyun.
- İhtiyacınız olan koda tıklayın; pano kopyalandı uyarısını bekleyin.
- Birden çok renk lazımsa tıklamaya devam edin; son renkler altta dizilir.
- Tarayıcınız destekliyorsa ekran damlalığıyla sayfadaki herhangi bir pikseli seçin.
Örnek senaryo
Freelance çalışan Zeynep, bir kafenin menü broşürünü hazırlıyor. Müşteri logodaki yeşilin aynısını istiyor ama kodunu bilmiyor. Logonun fotoğrafını araca yükleyip yeşil alana tıklıyor; ekranda #2E7D32 beliriyor. Kodu kopyalayıp tasarım programına yapıştırıyor, başlıklarla aynı tonda devam ediyor. Müşteri baskıda rengi görünce logoyla birebir dedi. Zeynep aynı işte düğmeler için iki ton daha seçip paleti tamamlıyor.
Sonucu kontrol edin
Seçtiğiniz noktanın doğru piksel olduğunu yakınlaştırarak doğrulayın; kenar yumuşatmalı yerlerde komşu piksel farklı kod verebilir. Koyu zeminde açık renk kodu okunmuyorsa kutudaki yazıyı kopyalayıp not defterine yapıştırın. HEX kodunu tasarım programınıza yazıp ekrandaki renkle karşılaştırın. Birden çok ton aldıysanız son renkler listesinden eskileri tekrar seçebilirsiniz.
Sık sorulan sorular
Ekranın herhangi bir yerini seçebilir miyim?
Tarayıcınız göz damlalığı destekliyorsa evet; düğmeye basınca sistem damlalığı açılır. Desteklemiyorsa ekran görüntüsü alıp görselden seçim yapın.
Kodlar neden bazen bir ton farklı çıkar?
Sıkıştırılmış resimlerde kenarlar bulanıklaşır, komşu pikseller karışır. Düz renk alanın ortasına tıklamak en doğru sonucu verir.
Hangi formatı kullanmalıyım?
Web için HEX, baskı öncesi RGB değerleri pratiktir; tonla oynamak için HSL daha rahattır. Üçü de aynı rengi tarif eder.
Seçtiğim renkler saklanıyor mu?
Hayır. Son renkler yalnızca sayfa açıkken altta durur; sayfayı kapatınca silinir. Paleti saklamak istiyorsanız kodları not alın.
Dosyam sunucuya yükleniyor mu?
Hayır. Görsel tarayıcıda okunur, piksel hesabı cihazınızda yapılır. Dosya hiçbir yere gönderilmez.
Aracı aç: Renk Seçici (Damlalık) →
Dosyanız üzerinde işlem yapmadan önce özgün kopyayı saklayın. Örnekler açıklama amaçlıdır; sonuç belgenize göre değişir.