Bir ürün fotoğrafı, marka çekimi ya da atmosfer görseli etrafında tasarım kurmak, renkleriyle başlar. Görseli bırakın ve baskın paletini açıktan koyuya sıralı olarak alın; her renk örneği tek tıklamayla kopyalanmış bir hex koduna dönüşür.
Çıkarma işlemi, gerçek pikseller üzerinde medyan kesme niceleme (median-cut) kullanır — görsel düzenleyicilerin kullandığı aynı algoritma ailesi — böylece palet, salt bulanık bir ortalamayı değil, gerçek renk dağılımını yansıtır.
Nasıl kullanılır
- Bir görsel ekleyinHerhangi bir fotoğraf, logo ya da çizim.
- Palet boyutunu ayarlayın3 ile 12 renk arasında — renk örneklerinin canlı güncellendiğini izleyin.
- Kodları kopyalayınHex'i için herhangi bir renk örneğine tıklayın ya da tüm paleti tek seferde kopyalayın.
Herhangi bir görselden gerçek bir palet çıkarın
Bu çıkarıcı, görselinizin gerçek piksellerini okur ve iyi renk azaltmanın arkasındaki aynı yaklaşım olan median-cut kuantalama kullanarak baskın renklerini bulur. Bu, paletin bir tahmini ya da filtrelenmiş bir ortalamayı değil, fotoğrafta gerçekten olanı yansıttığı anlamına gelir. Bir resim yükleyin, doğrudan kaynaktan alınmış bir dizi hex renk örneği elde edin.
Kaç renk çıkaracağınızı, 3 ile 12 arasında herhangi bir sayıda siz seçersiniz. Daha az örnek size sıkı, marka tarzı bir palet verir; daha fazlası tasarım işleri için daha dolu bir renk şeması sunar. Aynı örnekler tekilleştirilir; böylece aynı hex'i asla iki kez almazsınız.
Hex kodlarını tek tıkla kopyalayın
Her renk örneği hex değerini gösterir ve bir örneğe tıklamak o kodu panonuza kopyalar. Tüm seti istediğinizde, bir düğme tüm paleti aynı anda kopyalar; CSS'e, bir tasarım aracına ya da bir stil kılavuzuna yapıştırmaya hazır. Palet açıktan koyuya sıralanır; böylece bir karmaşadan çok sıralı bir ölçek gibi okunur.
Her şey tarayıcıda kendi görselinizde çalıştığı için, bir fotoğraftan, bir ekran görüntüsünden ya da bir logodan hiçbir şey yüklemeden bir renk paleti çıkarabilirsiniz.
İnsanlar bunu ne için kullanıyor
Bir marka paleti oluşturma — Tutarlı bir renk sistemi kurmak için bir logodan ya da kapak görselinden baskın renkleri çekin.
Bir tasarımı bir fotoğrafa uydurma — Düzeniniz aynı görselin parçası gibi hissedilsin diye bir ürün çekiminden renk şemasını çıkarın.
Web ve arayüz temalandırma — Bir sitenin vurgu ve arka plan renkleri için CSS değişkenlerini beslemek üzere bir ilham görselinden hex kodları alın.
Sanat çalışmasından renk seçme — Kendi işinizde yeniden kullanmak için bir illüstrasyondaki ya da resimdeki gerçek renkleri örnekleyin.
Sunum ve slayt temaları — Tüm sunumu temalandırmak için bir kapak görselinden birkaç baskın renk çıkarın.
Moda ve iç mekan ilham panoları — Kumaşları, boyayı ya da aksesuarları eşlemek için bir ilham fotoğrafından paleti alın.
Veri görselleştirme renk setleri — Bir grafik paleti oluşturmak için bir referans görselinden belirgin bir renk seti çekin.
Hızlı hex arama — Bir ekran görüntüsü bırakın ve ihtiyacınız olan renk örneğine tıklayıp tam hex kodunu kopyalayın.
Renkleri doğrudan bir görselden çekin
Bir fotoğrafınız, bir ekran görüntünüz, bir ambalaj parçanız, bir film karesi var — ve içindeki renkleri hex kodları olarak istiyorsunuz. Belki bir web sitesini bir marka fotoğrafına uydurmak, bir ürün çekiminin etrafında bir slayt teması kurmak ya da bir afişteki o gradyanın aslında ne olduğunu çözmek için. Renkleri gözle okumak güvenilir değildir; monitörünüzde lacivert görünen bir renk #1B2A4A ya da #14233F olabilir ve tahmin etmek size zaman ve hafifçe yanlış bir sonuca mal olur.
İçgüdü bir palet sitesi açıp renkleri sıfırdan yeniden inşa etmektir, ama bu görevi tersine çevirir. Coolors ve Adobe Color gibi araçlar palet üretmekte mükemmeldir — bir renk örneğini kilitler, boşluğa basar ve uyumları keşfedersiniz — ama istediğiniz renk zaten bir görselin içinde varken, hiçlikten üretmek uzun yoldur. Görseli bir uygulamada damlalıkla alıp hex kodlarını başka birine yapıştırmaya çalışırsınız.
Palet doğrudan olanı yapar. Bir görsel bırakın ve o, medyan-kesim kuantalama kullanarak bir dizi baskın renk çıkarır — bir görseli en temsili renklerine indirgemek için kullanılan algoritma ailesinin ta kendisi — sonra bunları açıktan koyuya sıralanmış renk örnekleri olarak gösterir. Hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın ya da tüm seti aynı anda kopyalayın. Bir kaydırıcı sizi üç renkten on iki renge kadar götürür; böylece sıkı bir vurgu çifti ya da tam bir tema çekebilirsiniz. Tamamen tarayıcınızda çalışır: görsel yerel olarak okunur ve asla yüklenmez, ki bu kaynak piyasaya sürülmemiş bir tasarım, bir müşterinin fotoğrafı ya da sadece bir renk örneklemek için bir sunucuya göndermek istemeyeceğiniz her şey olduğunda önemlidir.
Onu farklı kılan ne
- Üretmez, çıkarır. Sizden sıfırdan bir palet inşa etmenizi istemek yerine görselinizde zaten olan renkleri okur.
- Medyan-kesim kuantalama. Birkaç rastgele piksel örneklemek yerine gerçek bir algoritma temsili baskın renkleri seçer.
- Ayarlanabilir sayı. 3'ten 12 renge kaydırın — bir vurgu çifti ya da tam bir tema — ve o canlı olarak yeniden çıkarır.
- Kopyalamak için tıklayın. Hex'i için herhangi bir renk örneğine dokunun ya da tüm kodları tek tıkla kopyalayın, CSS'e, bir tasarım aracına ya da bir slayt temasına yapıştırmaya hazır.
- Kullanım için sıralanmış. Renk örnekleri parlaklığa göre sıralanır; böylece palet doğal okunur.
- Gizli ve çevrimdışı. Görsel cihazınızdan asla ayrılmaz ve ilk ziyaretten sonra bağlantı olmadan çalışmaya devam eder.
- Ücretsiz, hesap yok, filigran yok.
tools.faxianai.com ile diğer renk araçlarının karşılaştırması
Coolors ve Adobe Color, farklı bir ağırlık merkezine sahip güçlü araçlardır. Dürüst ayrım, palet-üret ile görselden-renk-çek arasındadır.
| Özellik | Coolors | Adobe Color | tools.faxianai.com |
|---|---|---|---|
| Temel güç | Palet üretme ve keşfetme | Renk uyumları, Adobe entegrasyonu | Bir görselden renk çıkarma |
| Görselden çıkarma | Evet (yükleme / ücretsizde özellik kısıtlı) | Evet | Evet, temel işlev |
| Görseli sunucuya yükler | Genellikle evet | Evet | Hayır, tarayıcıda kalır |
| Hesap gerekir | Kaydetme / bazı özellikler için | Tam kullanım için Adobe hesabı | Hayır |
| Ayarlanabilir renk sayısı | Evet | Sabit setler | 3–12, canlı |
| Hex kopyala | Evet | Evet | Bir renk örneğine tıkla ya da tümünü kopyala |
| Çevrimdışı | Hayır | Hayır | Evet, ilk ziyaretten sonra |
| Maliyet | Ücretsiz katman + ücretli | Adobe hesabıyla ücretsiz | Ücretsiz, sınır yok |
İşiniz hiçlikten bir palet tasarlamaksa — uyumları keşfetmek, kilitleyip karıştırmak, koleksiyonları kaydetmek — Coolors ve Adobe Color daha iyi bir yuvadır ve Creative Cloud içinde yaşıyorsanız Adobe Color'ı yenmek zordur. Ağırlaştıkları yer, tam da bu aracın kurulduğu durumdur: zaten bir görseliniz var ve sadece renklerini istiyorsunuz, gizlice, bir yükleme ya da giriş olmadan. Palet, hex kodlarını tek bırakışta çıkarır, sayıyı ayarlamanıza olanak tanır ve onları sizin için kopyalar — sonra yoldan çekilir.
Neden tools.faxianai.com
Gerçek baskınlar
Bulanık bir ortalama değil, gerçek pikseller üzerinde medyan kesme.
Tek tıkla kopyala
Her renk örneği hex'ini anında kopyalar.
3–12 renk
Paletin ne kadar ayrıntılı olacağını tam olarak belirleyin.
Gizli
Görsel cihazınızdan asla çıkmaz.