Marka Renk Paleti Nasıl Seçilir? Adım Adım Seçim ve Kullanım Kuralları

Marka renk paleti seçerken renk psikolojisi yetmez. Birincil, ikincil ve nötr renk yapısını, WCAG kontrast oranlarını, ekran ve baskı tutarlılığını ve kılavuzda olması gerekenleri anlattık.

Piküp Medya Editör Ekibi· İçerik ve SEO editörlüğüSon güncelleme: 5 dk okumaMarka & Tasarım
Bej zemin üzerinde elde tutulan yelpaze şeklinde renk kartelaları

Marka renk paleti; markanın kişiliğini anlatan bir birincil renk, onu destekleyen bir iki ikincil renk ve metin ile zeminleri taşıyan nötr tonlardan oluşan, kullanım kuralları yazılı bir renk setidir. İyi bir palet seçmek için önce markanın kişiliğini ve rakiplerin renk dilini belirleyin, sonra aday renkleri okunabilirlik (kontrast), ekran ve baskı tutarlılığı ve gerçek kullanım ortamlarında test edin. Seçim güzel görünen renkte değil, her mecrada aynı ve okunur kalan renkte biter.

Renk psikolojisine ne kadar güvenmeli?

Renk psikolojisi yol gösterir ama garanti vermez. Mavinin güven, yeşilin doğa, kırmızının enerji çağrıştırdığı söylenir; ancak bir rengin ne anlattığı kültüre, sektöre, tonuna ve yanındaki renklere göre değişir. Aynı kırmızı bir fast food markasında iştah, bir hukuk bürosunda ise alarm hissi verebilir.

Bu yüzden "renk eşittir duygu" tablolarından başlamak yerine markanın kişiliğinden başlayın. Markanızı üç sıfatla anlatın (ör. güvenilir, sade, teknik ya da sıcak, eğlenceli, samimi). Ardından bu sıfatları taşıyan renk ailelerini arayın. Renk anlamını tek başına değil, logo, yazı karakteri, fotoğraf dili ve metin tonuyla birlikte kazanır.

Palet mimarisi: birincil, ikincil ve nötr renkler

Sağlam bir palet katmanlıdır ve her katmanın görevi bellidir:

  • Birincil renk: Markanın imzası. Logoda, ana butonlarda ve en önemli vurgularda kullanılır. Genellikle tek renktir.
  • İkincil renkler: Birincil rengi destekler; grafiklerde, ikonlarda, kampanya görsellerinde çeşitlilik sağlar. Çoğu marka için bir ya da iki renk yeterlidir.
  • Nötr renkler: Metin, arka plan, çizgi ve boşlukların rengi. Birkaç gri tonu, kırık beyaz ve koyu antrasit gibi. Bir web sitesinin yüzeyinin büyük kısmını aslında nötrler kaplar.
  • Durum renkleri (dijital ürünler için): Başarı, uyarı, hata ve bilgi mesajları. Bunlar marka renklerinden ayrı düşünülmeli; birincil renginiz kırmızıysa hata mesajıyla karışmaması için ayrıca kurgulanmalıdır.

Kullanım oranı da paletin parçasıdır. Yüzeyin çoğunu nötrlerin, belirgin bir kısmını birincil rengin, küçük bir kısmını vurgu renginin taşıdığı bir dağılım genellikle dengeli bir sonuç verir. Kesin bir yüzde kuralı yok; önemli olan vurgu renginin gerçekten vurgu olarak kalması.

Marka renk paleti adım adım nasıl seçilir?

  1. Kişiliği yazın. Üç sıfat ve markanın konuştuğu kitle. Bu, sonraki her kararın ölçüsüdür.
  2. Rakip haritası çıkarın. Sektörünüzdeki beş on markanın ana rengini bir sayfaya dizin. Herkes laciverde yığılmışsa laciverdi seçmek sizi kalabalığa karıştırır; tamamen yabancı bir renk ise sektöre ait olmadığınız izlenimi verebilir. Hedef, sektörü tanıyan ama içinde ayrışan bir renk.
  3. Birincil renk için iki üç aday belirleyin. Adayları logo taslağı üzerinde, açık ve koyu zeminde, küçük boyutta deneyin.
  4. Nötrleri seçin. Saf siyah ve saf beyaz yerine birincil rengin tonuna hafifçe yaklaşan gri ve beyazlar, paleti daha bütün gösterir.
  5. Kontrastı ölçün. Metin ve buton kombinasyonlarını bir kontrast hesaplayıcıyla kontrol edin (aşağıdaki oranlar).
  6. Gerçek ortamda test edin. Web sitesi ekranı, telefon, sosyal medya görseli, kartvizit, ambalaj ve tabela. Ekranda iyi görünen renk küçük baskıda ya da güneş altında bambaşka görünebilir.
  7. Belgeleyin. Onaylanan renkleri kodlarıyla ve kullanım kurallarıyla marka kılavuzuna yazın.

Kontrast ve erişilebilirlik için hangi oranlar gerekir?

Güzel ama okunmayan bir palet işini yapmıyor demektir. Web içeriği erişilebilirlik yönergeleri (WCAG 2.2), metin ile arka plan arasındaki kontrast için şu eşikleri koyar:

  • Normal metin: En az 4.5:1 (AA düzeyi).
  • Büyük metin: En az 3:1. Büyük metin, en az 18 punto ya da en az 14 punto kalın yazı olarak tanımlanır.
  • Arayüz bileşenleri ve grafikler: Buton kenarları, form alanları, odak göstergeleri ve bir grafiği anlamak için gereken parçalar bitişik renklere karşı en az 3:1 kontrast taşımalıdır.

Logonun ya da marka adının parçası olan yazı için kontrast şartı aranmaz. Yani logonuzdaki açık sarı kalabilir; ama aynı sarıyı beyaz zemin üzerinde metin rengi olarak kullanamazsınız. Pratik çözüm, birincil rengin metin için kullanılabilecek koyu bir tonunu da palete eklemektir.

İkinci kural renkle ilgili değil, renge bağımlılıkla ilgili: WCAG'ye göre renk, bilgiyi aktarmanın, bir eylemi göstermenin ya da bir öğeyi ayırt etmenin tek görsel yolu olmamalıdır. "Yeşil onay, kırmızı iptal" ayrımı renk körlüğü olan bir kullanıcı için anlamsız kalabilir. Rengin yanına ikon, metin etiketi ya da şekil farkı ekleyin.

Ekranda ve baskıda aynı renk nasıl korunur?

Ekranlar ışıkla (RGB) çalışır, baskı ise mürekkeple (CMYK). Ekranda canlı görünen bir renk, CMYK'ya çevrildiğinde daha sönük çıkabilir; bazı parlak turuncu, yeşil ve mavi tonlarının CMYK'da tam karşılığı yoktur. Kâğıt türü de sonucu değiştirir: aynı renk parlak kuşe kâğıtta ve mat kâğıtta farklı görünür.

Bunu çözmek için her renk en baştan tüm sistemlerde tanımlanır:

  • HEX ve RGB: Web sitesi, uygulama, sosyal medya.
  • CMYK: Broşür, katalog, kartvizit gibi dört renk baskılar.
  • Pantone (spot renk): Ambalaj, tabela ve renk tutarlılığının kritik olduğu baskılar.

Dönüşümü otomatik bırakmak yerine baskı öncesi prova alın. Palet ilk kez oluşturuluyorsa birincil rengi baskıda da iyi sonuç veren bir aralıktan seçmek, ileride yaşanacak "ambalajda renk farklı çıktı" sorunlarını baştan önler.

Koyu tema ve dijital ürünler için ek kurallar

Web sitesi ya da uygulamanızda koyu tema varsa paleti bir kez daha düşünmek gerekir. Açık zeminde iyi okunan birincil renk, koyu zeminde yetersiz kontrast verebilir ya da gözü yorabilir. Her iki tema için ayrı metin, zemin ve vurgu tonları tanımlayın ve kontrastı ikisinde de ayrı ölçün. Renkleri tasarım dosyasında ve kodda aynı isimlerle (ör. "birincil-500", "nötr-100") tanımlamak, tasarımcı ile yazılımcının aynı rengi konuşmasını sağlar.

Marka renk kılavuzunda neler olmalı?

Palet ancak yazıya döküldüğünde farklı ekipler ve ajanslar arasında korunur. Kılavuzda en az şunlar bulunmalı:

  • Her rengin adı ile HEX, RGB, CMYK ve varsa Pantone karşılığı,
  • Birincil, ikincil ve nötr renklerin kullanım oranları,
  • Onaylı metin ve zemin kombinasyonları ile kontrast değerleri,
  • Logonun hangi zeminlerde hangi renk versiyonuyla kullanılacağı,
  • Doğru ve yanlış kullanım örnekleri.

Sık gördüğümüz hata, paleti yalnız logo dosyasının içinde bırakmak. Birkaç ay sonra her tasarımcı rengi ekrandan göz kararı seçer ve aynı markanın web sitesi, sosyal medyası ve broşürü üç farklı kırmızı kullanır.

Renk paletini kurumsal kimliğin bütünüyle birlikte ele almak isterseniz kurumsal kimlik hizmetimizi, paletin web sitesine uygulanması için de web tasarım sayfamızı inceleyebilirsiniz.

Bu yazı sende ne uyandırdı?

İlk tepkiyi sen ver

Faydalı mıydı?

Faydalı bulduysan paylaş:

Sık sorulan sorular

Marka paleti oluştururken hangi araçlar kullanılabilir?

Renk adaylarını üretmek için Adobe Color gibi renk uyumu araçları, kontrastı ölçmek için WCAG oranlarını hesaplayan kontrast denetleyicileri kullanılabilir. Baskı tarafında ise ekran önizlemesi yerine fiziksel Pantone renk kartelası ve prova baskı daha güvenilirdir.

Mevcut marka rengimi değiştirmeden erişilebilir hale getirebilir miyim?

Çoğu zaman evet. Logodaki renk kontrast şartından muaf olduğu için korunabilir; metin ve buton için aynı rengin daha koyu ya da daha açık bir tonu palete eklenir. Böylece marka tanınırlığı bozulmadan okunabilirlik sağlanır.

Marka rengi ne sıklıkla değiştirilmeli?

Sık değiştirilmemelidir; renk, tanınırlığın en hızlı biriken parçasıdır. Yenileme gerekiyorsa genellikle tonu güncellemek, dijitalde okunurluğu iyileştirmek ya da ikincil renkleri tazelemek, ana rengi tamamen değiştirmekten daha az risklidir.

Sosyal medyada marka renklerinin dışına çıkılabilir mi?

Kampanya ve dönemsel içeriklerde ek renkler kullanılabilir, ama birincil renk ve nötrler her görselde tanınır biçimde kalmalıdır. Hazır şablonlarda renk alanlarını sınırlamak, farklı kişilerin tasarladığı görsellerin aynı markaya ait görünmesini sağlar.

Kaynaklar

  1. Understanding Success Criterion 1.4.3: Contrast (Minimum) — W3C Web Accessibility Initiative
  2. Understanding Success Criterion 1.4.11: Non-text Contrast — W3C Web Accessibility Initiative
  3. Understanding Success Criterion 1.4.1: Use of Color — W3C Web Accessibility Initiative

İlgili yazılar

İlgili hizmetler