Ana sayfaNasıl yapılır rehberleri
Görselden renk paleti nasıl alınır
Kısa yanıt
Bir görselden renk paleti almak için onu Renk paleti oluşturucu aracına bırakın. Ana renkler, HEX kodları ve her birinin görselin ne kadarını kapladığıyla birlikte renk örnekleri olarak görünür; bunları liste veya CSS olarak kopyalayabilirsiniz.
Renk paleti oluşturucu aracını aç
Adımlar
- Renk paleti oluşturucuyu açın ve bir görsel bırakın.
- Ana renkler hemen görünür. Kaydırıcıyla 2 ile 12 arasında daha az veya daha fazla renk isteyin.
- HEX kodunu kopyalamak için bir renk örneğine tıklayın.
- Ya da tüm paleti liste veya CSS değişkenleri olarak kopyalayın.
Renkler nasıl seçilir
Benzer pikseller gruplanır ve her grubun ortalaması tek bir renk olur; böylece görselin çoğunu dolduran renk ilk gelir. Bir renk örneğindeki yüzde, o grubun görselin ne kadarını kapladığını gösterir.
Tamamen veya büyük ölçüde saydam pikseller yok sayılır; bu yüzden saydam arka planlı bir logo, koyu bir boşluk rengini değil, logonun renklerini verir.
Paleti kullanmak
CSS değişkenleri olarak kopyalamak, doğrudan bir stil sayfasına yapıştırabileceğiniz --colour-1 gibi özel özellikler verir. Düz liste, notlar veya bir tasarım aracı için kullanışlıdır.
Görselde istediğinizden az farklı renk varsa yalnızca sahip olduğu renkleri alırsınız. Üç renkli bir logo, on iki değil, üç renk örneği verir. Tek bir kesin renk için bunun yerine renk seçiciyi kullanın.
İpuçları
İstediğiniz havaya sahip bir görsel kullanın. Bir palet, geldiği görsel kadar iyidir ve gün batımı fotoğrafı, ürün fotoğrafından çok farklı renkler verir.
Paletin hepsini değil, ikisini veya üçünü seçin. Çoğu tasarım bir ana renk, bir vurgu ve bir nötr renkle en iyi sonucu verir ve yüzdeler hangi renklerin en güçlü aday olduğunu gösterir.
Sık sorulan sorular
Kaç renk alabilirim?
2 ile 12 arasında. Bir marka veya tasarım paleti için altı iyi bir başlangıçtır.
Paleti web sitemde kullanabilir miyim?
Evet. CSS değişkenleri olarak kopyalayın ve sonucu stil sayfanıza yapıştırın.
Görselim yükleniyor mu?
Hayır. Renkler tarayıcınızda hesaplanır.
Basic App Company tarafından yazıldı. Araca göre en son 12 Kasım 2026 tarihinde kontrol edildi. Araç tarayıcınızda çalışır, bu yüzden görselleriniz yüklenmez.