Fotoğraftan renk paleti çıkarma
Beğendiğiniz bir manzara fotoğrafının, bir markanın logosunun veya bir tablonun renk uyumunu kendi tasarımınızda kullanmak istediğinizde ilk ihtiyacınız o renklerin kodlarıdır. Renk paleti çıkarıcı, yüklediğiniz görseli analiz ederek baskın renkleri otomatik olarak bulur ve her birinin HEX ile RGB kodunu, görseldeki yüzdesiyle birlikte gösterir. Tek tek renk seçmek yerine görselin bütün karakterini birkaç saniyede bir palete dönüştürürsünüz.
Nasıl çalışır?
Araç, görseli hız için küçültülmüş bir kopya üzerinde inceler ve piksellerin renklerini k-means kümeleme algoritmasıyla gruplandırır. Başlangıç renkleri birbirinden en uzak tonlar seçilerek belirlenir; böylece görselde az yer kaplayan ama dikkat çeken vurgu renkleri de kaybolmaz. Algoritma birkaç tur boyunca her pikseli en yakın renk grubuna atar ve grup ortalamalarını günceller. Sonuçta ortaya çıkan renkler, görseldeki kapladıkları alana göre büyükten küçüğe sıralanır. Şeffaf pikseller hesaba katılmaz.
Tasarımcılar ve geliştiriciler için
Web tasarımında bir sitenin renk şemasını bir fotoğraftan türetmek, görsel bütünlük sağlamanın en kolay yollarından biridir. Paletteki bir renge tıkladığınızda HEX kodu panoya kopyalanır; Figma, Canva, Photoshop veya CSS dosyanıza doğrudan yapıştırabilirsiniz. "CSS değişkenleri" kutusu tüm paleti :root içinde --renk-1, --renk-2 gibi özel özellikler olarak hazırlar; tek tıkla projenize ekleyebilirsiniz. Renk sayısını 3 ile 12 arasında değiştirerek sade bir ana palet veya ayrıntılı bir ton skalası elde edebilirsiniz.
Kullanım alanları
Marka kimliği oluşturma, sunum ve sosyal medya şablonları hazırlama, iç mekân dekorasyonu için renk seçme, düğün davetiyesi tasarlama veya bir ürün fotoğrafına uygun arka plan rengi bulma gibi pek çok işte bu araç zaman kazandırır. Bulduğunuz renkleri HSL gibi farklı formatlara çevirmek için Renk Dönüştürücü aracımızı, renk geçişleri oluşturmak için CSS Gradient Oluşturucu'yu kullanabilirsiniz. Görseliniz cihazınızdan çıkmaz; tüm analiz tarayıcıda gerçekleşir.
Adım adım kullanım
Renklerini merak ettiğiniz fotoğrafı veya logoyu seçin ya da kutuya sürükleyin. Palet birkaç saniye içinde oluşur; renk sayısını değiştirdiğinizde yeniden hesaplanır. Bir renk kutusuna tıklayarak HEX kodunu kopyalayın veya tüm paleti CSS değişkenleri olarak alın. En iyi sonuç için net, iyi aydınlatılmış görseller kullanın; çok gürültülü veya bulanık fotoğraflarda renkler birbirine karışabilir. Logolarda renk sayısını düşük tutmak marka renklerini daha doğru verir.