Görsel Renk Seçici

Görseliniz üzerinde bir koordinat seçerek o pikselin HEX/RGB renk kodunu öğrenin.

Ne zaman kullanmalısın?

Bir görseldeki belirli bir rengin tam hex/RGB kodunu almak (ör. bir logodaki mavi tonu tasarımında tekrar kullanmak) için kullan.

Ne zaman kullanmamalısın?

Görsel düşük kaliteli veya çok sıkıştırılmışsa, seçilen renk orijinal renkten sapabilir; kritik bir marka rengi için orijinal kaynak dosyadan seçim yap.

Adım adım kullanım

"Görsel" alanından rengini öğrenmek istediğiniz dosyayı seçin.
İstediğiniz noktanın konumunu bulun. Görseli bir düzenleme programında açtığınızda imlecin altındaki piksel koordinatı genellikle pencerenin bir köşesinde gösterilir.
Bu değerleri "X (px)" ve "Y (px)" alanlarına yazın. X soldan, Y yukarıdan sayılır, yani sol üst köşe 0,0 noktasıdır.
"Rengi al" butonuna tıklayın. O pikselin HEX ve RGB kodu sonuç alanında görünür.

Örnek

Bir dernek için davetiye hazırladığınızı ve elinizde derneğin logosundan başka bir şey olmadığını düşünün. Logodaki yeşil tonu davetiyenin başlığında kullanmak istiyorsunuz. Logoyu yükleyip yeşilin tam ortasına denk gelen bir koordinat girdiğinizde, ör. #2E7D32 biçiminde bir HEX kodu ve karşılığı olan RGB değerleri elde edersiniz. Bu kodu Canva, Word ya da CSS dosyanıza yapıştırarak aynı tonu tekrar kullanabilirsiniz. Logonun kenarına yakın bir nokta seçerseniz yeşil ile arka plan arasındaki geçiş pikselinden ara bir ton gelebilir, bu yüzden renkli alanın içinden seçim yapın. Bulduğunuz kodu bir kenara not etmek, ileride aynı kurum için hazırlayacağınız başka işlerde de zaman kazandırır.

Görselden renk almak

Renk seçici, görselde tıkladığınız noktanın rengini HEX, RGB ve benzeri kodlarla gösterir. Tasarımda bir markanın ya da fotoğrafın rengini yakalamak, web sitesinde tutarlı bir palet oluşturmak için kullanılır. Ekrandaki renk, ekranın kalibrasyonuna göre biraz farklı görünebilir.

Renk seçerken ipuçları

Fotoğraflarda tek piksel gürültülü olabilir; benzer bölgede birkaç nokta deneyin.
Metin ve zemin renklerinin okunabilir kontrasta sahip olduğundan emin olun (WCAG için yaklaşık 4,5:1).
Basılı iş için ekran rengi ile baskı rengi (CMYK) farklı olabilir.
Aldığınız kodu bir palet dosyasına kaydedin.

Dikkat edilmesi gerekenler

Tek bir piksel her zaman alanın genel rengini temsil etmez. Fotoğraflarda gürültü ve ışık değişimleri vardır, iki üç farklı noktadan değer alıp karşılaştırmak daha sağlıklı sonuç verir.
Koordinatlar görselin gerçek piksel boyutuna göredir. Ekranda küçültülmüş hâlde gördüğünüz konum ile dosyadaki konum aynı olmayabilir.
Ekrandan alınmış bir görüntü, kullanılan ekranın renk ayarlarından etkilenmiş olabilir. Basılı işlerde CMYK değerlerini ayrıca kontrol edin.
Şeffaf PNG dosyalarında boş bir bölgeye denk gelen koordinat anlamlı bir renk vermeyebilir.

Sık sorulan sorular

Görselim sunucuya gönderiliyor mu?

Hayır, işlem tamamen tarayıcınızda (Canvas API ile) yapılır, görseliniz cihazınızdan çıkmaz.

Kalite kaybı olur mu?

Format dönüşümlerinde ve sıkıştırmada bir miktar kalite kaybı olması normaldir; JPG gibi kayıplı formatlarda bu daha belirgindir.

Hangi formatlar destekleniyor?

JPG, PNG ve WebP formatları desteklenir.