Görsel renk seçici
Bir görsel yükle ve herhangi bir yere tıklayarak o pikselin hex, RGB ve HSL değerini al. Birden çok noktaya tıklayarak özel bir palet oluştur. Saf tarayıcı, upload yok.
Bu ne işe yarar?
Bu araç yüklenen herhangi bir görseli tıklanabilir bir renk kaynağına dönüştürür. Herhangi bir yere hover et ve imlecin altındaki tam pikseli hex, RGB ve HSL olarak oku — 8× büyüten bir büyüteç lensi ile pikselleri gözünü kısmadan hassasiyetle seçebilirsin. Bir rengi özel bir palete kilitlemek için tıkla: birden çok noktaya tıklayarak paleti oluştur. Paletteki bir swatch'a tıklayarak onu kaldırabilirsin. Görsel asla tarayıcından çıkmaz.
Ne zaman kullanılır
- Bir tasarımda kullanmak için bir fotoğraftan belirli bir tonu çıkarma.
- Hex'ini bilmediğin bir marka varlığına UI vurgu rengini eşleştirme.
- Bir logo görselinden marka renklerini tıklama tıklama çıkarma.
- Bir film karesinden veya sanat eserinden moodboard paleti oluşturma.
- Bir görselin iki bölgesinin gerçekten aynı renk olup olmadığını doğrulama (vs benzer görünmek ama altta yatan piksellerde farklılaşmak).
Hassasiyet nasıl çalışır
Tek piksel örnekleme kesindir ama gürültülüdür — anti-aliased kenarlar, JPEG artefaktları ve ekran subpiksel renderı komşu piksellerin hafifçe farklılaşmasına neden olur. 8× büyüteç, ortalamaya güvenmek yerine belirli pikseli görüp tıklamana izin verir. Marka rengi çıkarımı için önemli; moodboard işi için yok sayabilirsin.
Sık yapılan hatalar
- Metin üzerinde anti-aliasing. Harflerin yumuşak kenarları vardır ve bu altta yatan "mürekkep" rengini temsil etmez. Kenara değil, kalın bir vuruşun ortasına tıkla.
- JPEG sıkıştırma artefaktları. Aşırı sıkıştırılmış fotoğraflar düz görünen bir bölge boyunca renkte drift eder. Temiz bir renge ihtiyacın varsa PNG kaynakları tercih et.
- Görsel görüntüleme için ölçekleniyor. Çok büyük görseller performans için ~700px genişliğe küçültülür. Tıkladığın piksel görüntülenen canvas'tan gelir, orijinalden değil. Çok küçük bir öğenin piksel-mükemmel çıkarımı için yüklemeden önce crop yap.
- HSL türetilir, saklanmaz. Tarayıcı RGB saklar; HSL aynı rengi tanımlamanın farklı bir yoludur. Round-trip'ler yuvarlama nedeniyle küçük drift'ler ortaya çıkarabilir.