Görselden Renk Seçici

Herhangi bir görsel yükleyin, herhangi bir piksele tıklayın, o rengin tam HEX değerini — artı RGB, HSL ve en yakın CSS adlandırılmış eşleşmesini alın. Ekran görüntülerinden marka renklerini eşleştirmek, fotoğraflardan boya renklerini belirlemek veya bir duvar kağıdındaki gökyüzünün tam tonunu yakalamak için kullanışlıdır.

Neden bir görselden seçim yapmalısınız (göz kararı yerine)

"Mavi görünüyor" size 100 farklı mavi verir. Seçici, gerçek piksel değerini okur, böylece tam HEX'i CSS'inize, tasarım aracınıza veya boya mağazası uygulamanıza yapıştırabilirsiniz. Yakınlaştırma ve kaydırma, küçük ayrıntıları hedeflemenizi sağlar (bir portredeki göz rengi, bir kumaş desenindeki iplik).

Seçicinin raporladıkları

• HEX: CSS, Figma, Photoshop'a yapıştırmaya hazır.
• RGB: ondalık kanallar isteyen araçlar için.
• HSL: seçilen tabandan ayarlama yapmak için.
• En yakın CSS adlandırılmış renk: 'cornflowerblue', 'salmon' vb. Hızlı referans için kullanışlı.
• Parlaklık ve kontrast ipucu: parlaklığa göre "beyaz metinle en iyi eşleşir" veya "koyu metin kullanın".

İş akışı ipuçları

1. Marka rengi eşleştirme için: marka varlığını (logo, bir web sitesinin ekran görüntüsü) yükleyin, renge tıklayın, HEX'i stil kılavuzunuza yapıştırın.
2. Ruh hali panosu tonları için: bir bölge etrafında birkaç piksel örnekleyerek bir his elde edin. Veya otomatik olarak baskın 5-10 rengi almak için Palet Çıkarıcı kullanın.
3. Boya eşleştirme için: duvarın fotoğrafını örnekleyin, ardından HEX'i boya markanızın uygulamasında (Sherwin Williams, Benjamin Moore vb. hepsinde HEX araması vardır) arayın.

Diğer formatlara dönüştürün

Bir HEX elde ettiğinizde, CMYK (baskı), Pantone referansı veya HSL ayarlamaları için Renk Dönüştürücü aracımızdan geçirin.