Düz bir arka plan üzerinde bir ürün fotoğrafı
Beyaz bir masada kırmızı bir kupanın fotoğrafı
Kupanın kırmızısı ve arka planın beyaza yakın renginin öncülük ettiği, kaydolacak kadar büyük ikincil tonlarla (bir logo, bir gölge) birlikte bir palet.
Resim Renk Paleti Çıkarıcı
Bir resimden baskın renkleri hex, RGB, HSL ve kullanıma hazır CSS değişkenleri olarak çıkarın.
Bu araç işinize yaradı mı?
Bu araç hakkında
Bir tasarımın renk şemasını bir fotoğrafla eşleştirmek genellikle bir ekran görüntüsünden hex kodlarına göz atmakla başlar — bu araç bunun yerine gerçek baskın renkleri çıkarır, CSS değişkeni olarak yapıştırmaya veya bir tasarım aracına eklemeye hazır.
Nasıl kullanılır
- Bir resim yükleyin ve kaç renk çıkarılacağını seçin.
- Herhangi bir örneğin hex, RGB veya HSL değerini kopyalayın, ya da tüm paleti CSS custom property olarak kopyalayın.
Örnekler
Sık karşılaşılan sorunlar
- Resimde açıkça görünen bir renk pakette görünmüyor.
- Renkler görsel belirginliğe göre değil sıklığa göre gruplanır — küçük ama canlı bir detay (küçük bir logo), çok daha büyük bir sönük renk alanına karşı kaybedebilir. Renk sayısını artırmak genellikle onu ortaya çıkarır.