piksel → HEX · RGB · HSL
Görselden renk seçici
Rengini okumak için bir görselin pikseline tıkla: #0060fd pikseli rgb(0, 96, 253) ve hsl(217, 100%, 50%) olarak okunur. Kendi görselinden renk seçmek için bir görsel ekle.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Tıklayarak, dokunarak veya ok tuşlarıyla seç. Görselin yalnızca bu sekmede çizilir ve hiçbir yere yüklenmez.
Scanned by 
NortonTM Safe Web
Bir bakışta
- Fiyat
- Ücret yok
- Hesap
- Gerekmez
- Yükleme
- Yok — görsel tarayıcı sekmende çizilir ve hiçbir şey bir yere gönderilmez
- Biçimler
- Tarayıcının çözebildiği ölçüde PNG, JPEG, WebP, GIF, AVIF, BMP ve SVG
- Görsel boyutu
- En uzun kenarda en fazla 1600 piksel olarak çizilir; 200 MB'a ve 120 milyon piksele kadar dosyalar
- Palet
- Yaklaşık 20,000 örneklenmiş piksel üzerinde medyan kesmeyle altı baskın renk
Seçilen renkler ve palet nasıl çalışır
Bu satırlar araçla aynı kodla üretildi. Palet tablosu, on iki mavi ve dört beyaz pikselden oluşan 4 × 4 piksellik bir görsel kullanır.
| Piksel rengi | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Palet rengi | Piksel payı |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Görselden renk nasıl seçilir
Bir görsel ekle
Bir PNG, JPEG, WebP, GIF, AVIF, BMP veya SVG dosyasını kutuya bırak, Gözat ile seç ya da panodan bir görsel yapıştır. Kendi görselini ekleyene kadar örnek bir görsel gösterilir.
Tıkla, dokun veya ok tuşlarını kullan
Bir noktaya tıkla ya da dokun veya görselin üzerinde sürükle. Görsel odaktayken ok tuşları artı imlecini birer piksel, Shift ile ok tuşu ise on piksel taşır. Kutucuklar rengi HEX, RGB ve HSL olarak gösterir.
Bir rengi veya palet öğesini kopyala
Bir kutucuktaki Kopyala düğmesine bas ya da HEX kodunu kopyalamak için bir palet örneğine bas. Palet, görselin tamamının baskın altı rengini, her birinin görselde kapladığı payla birlikte listeler.
Renkler nasıl okunur
Tarayıcı dosyanı çözer ve sayfa onu bu sekmedeki bir canvas öğesine çizer. En uzun kenarı 1600 pikselden büyük bir görsel sığacak şekilde küçültülür; bu yüzden çok büyük bir görselden okuduğun renk, komşu piksellerin ortalamasının alındığı küçültülmüş kopyadan gelir. Sayfa sonra canvas'tan artı imlecinin altındaki tek pikselin kırmızı, yeşil, mavi ve alfa değerlerini ister ve bunları HEX, RGB ve HSL olarak yazdırır. Saydam bir piksel alfa değeriyle yazdırılır. Canvas renkleri alfa ile çarpılmış olarak saklar; bu yüzden kısmen saydam bir pikselin bir kanalı bir birim sapmış okunabilir: %50 opaklıkta 200, 199 olarak okunur.
Palet medyan kesme yöntemini kullanır. Sayfa her n'inci pikseli, en fazla yaklaşık 20,000 tanesini inceler ve yarıdan fazlası saydam olan pikselleri dışarıda bırakır. Bu renkleri tek bir kutuya koyar ve altı kutu olana ya da hiçbir kutuda iki farklı renk kalmayana kadar, bir kanalda en geniş yayılıma sahip kutuyu o kanalın medyanından tekrar tekrar keser. Her kutu, piksellerinin ortalaması olarak, tuttuğu örneklenmiş piksellerin payıyla birlikte, en büyükten başlayarak gösterilir. Aynı görsel için sonuç her seferinde aynıdır. Altıdan az belirgin rengi olan bir görsel daha kısa bir palet verir; hareketli görseller tek bir durağan görsel olarak okunur.
Görselden renk seçici soruları
Bir görseldeki rengin HEX kodunu nasıl alırım?
Görseli ekle, sonra istediğin noktaya tıkla. HEX kutucuğu o pikselin kodunu gösterir, örneğin #0060fd; Kopyala onu panoya alır. Bir nokta seçmeden ana renkleri almak için bunun yerine paletteki bir örneğe bas.
Hangi görsel biçimleri çalışır?
Tarayıcının çözebildiği ölçüde PNG, JPEG, WebP, GIF, AVIF, BMP ve SVG. AVIF tarayıcı sürümüne bağlıdır. PDF veya TIFF gibi diğer dosyalar bir iletiyle reddedilir. 200 MB'ı veya 120 milyon pikseli aşan dosyalar da reddedilir.
Altı renkli palet nasıl seçilir?
Yaklaşık 20,000 piksellik bir örnek üzerinde medyan kesmeyle: renkler, altı kutu olana kadar en geniş kanallarının medyanından kutulara bölünür ve her kutu piksellerinin ortalaması olur. Her örneğin altındaki yüzde, o kutudaki örneklenmiş piksellerin payıdır. Çoğunlukla saydam olan pikseller atlanır.
Yakın iki piksel neden biraz farklı renk veriyor?
Fotoğraflar ve JPEG gibi sıkıştırılmış görseller pikselden piksele biraz değişir; bu yüzden aynı görünen iki nokta kanal başına birkaç birim fark edebilir. Temsil edici bir renk istediğinde birkaç noktaya tıkla ya da çok pikselin ortalamasını alan paleti kullan.
Görselim bir yere yükleniyor mu?
Hayır. Dosya tarayıcın tarafından bu sekmede çözülür ve çizilir, renkler bu çizimden okunur ve hiçbir şey bir sunucuya gönderilmez. Sayfayı kapatmak veya yenilemek görseli siler.
Ekrandan seç düğmesi ne yapar?
EyeDropper özelliğini sunan tarayıcılarda düğme, diğer pencereler dahil ekranındaki herhangi bir noktaya tıklamana ve rengini görmene olanak tanır. Bu özelliği olmayan tarayıcılar düğmeyi göstermez; görselden seçici her yerde çalışır.