Resimden Renk Paleti Oluşturucu
Bir resmin ana renklerini palet olarak çıkarın ve HEX kodları, CSS değişkenleri veya JSON olarak kopyalayın.
Resimden Renk Paleti Oluşturucu, bir fotoğraftaki veya tasarımdaki baskın renkleri bulur ve renk örnekleri olarak gösterir. 3, 4, 5, 6 veya 8 renk seçebilirsiniz; renkler en geniş alanı kaplayandan başlayarak sıralanır ve birbirine çok benzeyen tonlar birleştirilir, böylece her renk örneği farklıdır. Paleti CSS değişkenleri veya JSON dizisi olarak kopyalayın ya da PNG renk kartelası olarak indirin.
Resimden Renk Paleti Oluşturucu nasıl kullanılır
- 1
Bir resim açın
Bir fotoğrafı, çizimi, logoyu veya ekran görüntüsünü bırakın, seçin ya da yapıştırın.
- 2
Renk sayısını seçin
3, 4, 5, 6 veya 8'e tıklayın. Renk örnekleri hemen güncellenir.
- 3
Tek tek renkleri kopyalayın
HEX kodunu kopyalamak için bir renk örneğindeki kopyalama simgesine tıklayın.
- 4
Paleti dışa aktarın
CSS değişkenlerini kopyala veya JSON kopyala'yı kullanın ya da paleti PNG renk kartelası olarak indirin.
Neler yapar
- Kapladığı alana göre sıralı
- İlk renk örneği, resmin en büyük kısmını kaplayan renktir.
- Birbirinden farklı tonlar
- Neredeyse aynı olan renkler birleştirilir, böylece palet aynı tonu tekrarlamaz.
- Geliştiricilere hazır
- CSS özel özellikleri (--color-1, --color-2 vb.) veya HEX kodlarından oluşan bir JSON dizisi olarak dışa aktarın.
- PNG renk kartelası
- Her renk örneğinin altında HEX kodunun yazılı olduğu bir palet resmi indirin.
Sorular
Palet renkleri nasıl seçiliyor?
Resim küçük bir boyutta örneklenir, benzer renkler gruplanır ve en fazla alanı kaplayan gruplar önce gösterilir. Saydam pikseller yok sayılır.
Neden seçtiğimden daha az renk alıyorum?
Birbirine çok yakın tonlar birleştirilir, böylece her renk örneği açıkça farklı olur. Yalnızca birkaç farklı rengi olan bir resim daha az renk örneği verebilir.
Paleti CSS'te nasıl kullanırım?
--color-1, --color-2 gibi adlara sahip değişkenler içeren bir :root bloğu almak için CSS değişkenlerini kopyala'ya tıklayın, ardından stil dosyanıza yapıştırın.
Küçük bir vurgu rengi neden eksik?
Palet daha geniş alan kaplayan renklere öncelik verir, bu yüzden küçük bir logo gibi minik bir ayrıntı görünmeyebilir. Belirli bir noktanın tam değerini almak için Resimden Renk Seçici'yi kullanın.