← Color Palette from Image

Bir Logo Görselinden Marka Renkleri Çıkarın

Bir logo yükleyin ve marka renk paletini çıkarın. Tasarım sisteminiz için birincil ve ikincil marka renklerini belirleyin.

Verileriniz tarayıcınızdan çıkmaz.

Görseli buraya bırakın

veya gözatmak için tıklayın · panodan yapıştır

PNG, JPG, WebP, GIF, BMP, SVG

OR

İlgili Araçlar

rgb
Renk Dönüştürücü ve Palet Oluşturucu

Renkleri HEX, RGB, HSL, HSB ve CMYK arasında dönüştürün. Tamamlayıcı, analog, triad ve diğer paletleri oluşturun. WCAG kontrast oranlarını kontrol edin.

 css
CSS Gradyan Oluşturucu: Linear, Radial ve Conic Gradient Aracı

Görsel olarak linear, radial ve conic CSS gradyanları oluşturun. Renk duraklarını sürükleyin, açıları ayarlayın ve üretime hazır CSS kopyalayın.

 rgb
WCAG Color Contrast Checker

Check foreground and background color pairs against WCAG 2.x and APCA contrast standards. Get live text previews, pass/fail ratings, and accessible color suggestions.

Bir Logo Görselinden Marka Renkleri Çıkarın

Bir şirket logosu yükleyin ve marka renk paletini çıkarın. Araç, görseldeki her belirgin rengi tanımlar, benzer tonları gruplar ve hex kodları, RGB değerleri ve kapsama yüzdeleriyle sıralanmış bir palet döndürür. Mevcut bir marka varlığından bir renk sistemini tersine mühendislikle çıkarmak için idealdir.

Nasıl Kullanılır

  1. Bir logo görseli yükleyin (PNG en iyi sonuçları verir; mümkünse JPEG’den kaçının)
  2. Renk sayısını beklenen marka rengi sayısına ayarlayın (genellikle 2-5)
  3. Hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın
  4. Tasarım sisteminiz için CSS değişkenleri olarak veya token ardışık düzenleri için JSON olarak dışa aktarın

Logo Çıkarma Neden Önemlidir

Marka kılavuzları genellikle renkleri isimle tanımlar ancak her zaman tam hex değerlerini sağlamaz. Bir logo dosyası gerçeğin kaynağıdır. Bu araçtan geçirmek, varlıkta kullanılan tam renkleri çıkararak bir tasarım sistemi oluştururken veya bir web sitesini güncellerken tahmin yürütmeyi ortadan kaldırır.

Popülasyon yüzdesi, hangi rengin baskın olduğunu gösterir. Çoğu logoda, tek bir birincil renk alanın %50-70’ini kaplar. İkincil ve vurgu renkleri %10-30’unu kapsar. %5’in altındaki renkler tipik olarak kenar yumuşatma artefaktları, gölgeler veya sıkıştırma gürültüsüdür ve göz ardı edilebilir.

Logo Renklerinden Bir Tasarım Sistemi Oluşturma

Marka paletine sahip olduğunuzda, doğal sonraki adımlar bireysel renkleri biçimler arasında dönüştürmek ve tamamlayıcı paletler oluşturmaktır. Çıkarılan hex kodlarınızdan HSL veya CMYK değerleri almak için Renk Dönüştürücü kullanın. Marka renkleriyle CSS Gradyan Oluşturucu kullanarak görsel hiyerarşi oluşturun. Arayüzlerde kullanmadan önce marka renk kombinasyonları arasındaki erişilebilirlik kontrastını WCAG Kontrast Denetleyicisi ile doğrulayın.