Görseldeki renklerin kodlarını bulun
Logo, ürün fotoğrafı ya da beğendiğiniz bir manzara: Pixanon ana renkleri çıkarır, her birinin HEX, RGB ve HSL kodunu verir. Görsele tıklayarak istediğiniz noktanın rengini de ekleyebilirsiniz.
Bir görsel ekleyin; ana renkleri hemen çıkaralım. Sonra görselin üzerine tıklayarak istediğiniz rengi palete ekleyebilirsiniz.
Tıklayınca palete eklenir
Palet
Bir renge tıklayınca kodu kopyalanır.
Kodu kopyalayın
Paleti sitenizde ya da tasarım aracınızda kullanın.
İpuçları
- Renk sayısıLogo ya da düz renkli görsellerde 3–5 renk yeterlidir. Fotoğraflarda 6–8 renk daha zengin bir palet verir.
- Kendi seçtiğiniz renkGörselin üzerinde gezinirken imlecin altındaki rengin kodu görünür. Tıklayınca o renk palete eklenir; ince ayrıntıdaki bir rengi böyle yakalayabilirsiniz.
- Hangi kod?Web ve tasarım araçlarında en yaygını HEX’tir (#E4572E). RGB ve HSL, CSS’te renkleri açıp koyulaştırmak için kullanışlıdır.
- Kodu sitenize taşıyınCSS çıktısı renkleri değişken olarak verir; Tailwind çıktısını yapılandırma dosyanıza yapıştırabilirsiniz. PNG, paleti müşterinize ya da ekibinize göstermek içindir.
Sık sorulanlar
Görselim bir sunucuya yükleniyor mu?
Hayır. Renkler tarayıcınızda hesaplanır. Görseliniz cihazınızdan çıkmaz.
Renkler nasıl bulunuyor?
Görseldeki pikseller, insan gözünün renk farkını algılayışına yakın bir renk uzayında (OKLab) gruplanır. Her grubun ortası bir palet rengi olur, yüzdesi de görselde ne kadar yer kapladığını gösterir.
Aynı görsel hep aynı paleti mi verir?
Evet. Aynı görsel ve aynı renk sayısıyla sonuç hep aynıdır.
Saydam PNG’lerde ne oluyor?
Saydam pikseller hesaba katılmaz; palet yalnızca görünen kısımdan çıkarılır.