Marka renk paleti nasıl oluşturulur?
Marka renk paleti, markanın ne anlatmak istediğinden yola çıkarak bir ana renk, bir ya da iki destek rengi ve bir nötr renk ailesi seçip bunların kullanım oranlarını, kontrast kurallarını ve ekran ile baskı kodlarını tanımlayarak oluşturulur. Renkleri seçmek işin yarısıdır; diğer yarısı, hangi rengin nerede ve ne kadar kullanılacağını yazmaktır.
“Renk paleti oluşturma” ya da “renk paleti bulma” diye arama yapanların çoğu güzel görünen bir renk kombinasyonu arıyor. Marka için gereken ise biraz daha fazlası: yıllarca farklı ellerde, farklı ekranlarda ve farklı kâğıtlarda aynı hissi veren bir sistem. Bu yazıda o sistemi adım adım kuruyoruz.
Adım 1: Renkten önce anlamı belirleyin
Palete renk seçerek değil, soru sorarak başlayın. Marka hangi hissi bırakmalı: güven mi, enerji mi, sakinlik mi, prestij mi? Hedef kitle kim? Rakipler hangi renklerde?
Bu soruların cevabı renk seçimini daraltır. Renklerin evrensel anlamları olduğu fikri yaygındır ama abartılmamalı. Mavi her zaman güven, kırmızı her zaman tutku demek değildir; anlam büyük ölçüde rengin tonundan, kullanıldığı bağlamdan ve yanındaki renklerden doğar. Aynı mavi, bir bankada kurumsal ve sakin, bir spor markasında dinamik ve genç görünebilir.
Rakip analizi bu aşamada çok işe yarar. Kategorinizdeki markaların renklerini yan yana koyduğunuzda boşlukları görürsünüz. Herkes laciverdi kullanıyorsa, laciverde bir alternatif bulmak ayrışmanın en hızlı yolu olabilir.
Adım 2: Ana, destek ve nötr renkleri seçin
Bir marka paleti genellikle üç gruptan oluşur:
| Grup | Görevi | Tipik sayı |
|---|---|---|
| Ana renk | Markanın en tanınan rengi; logoda ve öne çıkan yüzeylerde | 1 |
| Destek (ikincil) renkler | Ana rengi tamamlar, çeşitlilik ve hiyerarşi sağlar | 1–3 |
| Vurgu rengi | Butonlar, etiketler, dikkat çekmesi gereken küçük alanlar | 1 |
| Nötrler | Metin, zemin, çizgi ve boşluklar için grilikler, kırık beyaz, koyu ton | 3–5 ton |
Nötrler çoğu zaman unutulur ama günlük kullanımda en çok onlar görünür. Bir web sayfasının büyük kısmı zemin ve metindir. Saf siyah ve saf beyaz yerine markanın karakterine uygun hafif sıcak ya da soğuk nötrler seçmek, paleti daha bütünlüklü gösterir.
Destek renklerinin ana renkle ilişkisi bilinçli kurulmalı. Renk çemberinde yan yana duran renkler (analog) sakin ve uyumlu bir etki verir. Karşı karşıya duranlar (tamamlayıcı) güçlü bir kontrast yaratır. İkisinin arasında bir dengeyi bulmak markanın karakterine bağlıdır.
Adım 3: Kullanım oranlarını tanımlayın
Aynı renkler farklı oranlarda kullanıldığında bambaşka sonuçlar verir. Ana rengin baskın olduğu bir tasarım ile aynı rengin yalnızca vurgu olarak kullanıldığı bir tasarım aynı markaya ait gibi görünmeyebilir.
Bu noktada yaygın bir ilke işe yarar: 60-30-10 kuralı. Bir kompozisyonda renklerin kabaca yüzde 60’ı baskın renk (genellikle nötr ya da ana renk), yüzde 30’u ikincil renk, yüzde 10’u vurgu rengi olur. Bu kesin bir formül değil, dengeyi kurmak için bir başlangıç noktası. Cesur markalar ana rengi çok daha geniş alanda kullanabilir; sade markalar vurgu rengini daha da azaltabilir.
Önemli olan oranın yazılı olması. “Ana rengimiz kobalt mavisi” demek yetmez; “kobalt mavisi zemin olarak kullanılabilir, vurgu rengi yalnızca butonlarda ve etiketlerde” gibi bir kural gerekir. Bu kural yoksa her tasarımcı oranı kendine göre belirler.
Somut bir örnek olarak Alcons İnşaat için kurduğumuz sosyal medya sisteminde yumuşak ışık, altın vurgu rengi ve sabit tipografi hiyerarşisini tekrar edilebilir bir şablonda birleştirdik. Burada vurgu renginin görevi sabit: her paylaşımda aynı işi yapıyor, böylece renk dekor olmaktan çıkıp sistemin bir parçası oluyor.
Adım 4: Kontrastı ve erişilebilirliği kontrol edin
Güzel görünen bir renk kombinasyonu okunmuyorsa işe yaramaz. Metin ile zemin arasındaki kontrast, web erişilebilirliği standardı WCAG (Web Content Accessibility Guidelines) ile ölçülür. Oran 1:1 (hiç fark yok) ile 21:1 (siyah üzerine beyaz) arasında değişir.
WCAG 2 eşikleri şöyle:
| Seviye | Normal metin | Büyük metin |
|---|---|---|
| AA | En az 4,5:1 | En az 3:1 |
| AAA | En az 7:1 | En az 4,5:1 |
Büyük metin, standartta yaklaşık 18 punto (24 piksel) ve üzeri ya da 14 punto (yaklaşık 18,66 piksel) ve üzeri kalın metin olarak tanımlanıyor. Ayrıca WCAG 2.1 ile butonların kenarları, form alanları ve ikonlar gibi metin dışı arayüz öğeleri için de en az 3:1 kontrast öneriliyor.
Birkaç örnek eşiğin ne kadar ince olduğunu gösterir:
- Beyaz zemin üzerinde #777777 gri metin yaklaşık 4,48:1 ile AA sınırının hemen altında kalır; bir ton koyusu olan #767676 ise yaklaşık 4,54:1 ile geçer.
- Parlak sarı (#FFCC00) üzerine beyaz metin yaklaşık 1,5:1 ile neredeyse okunmaz; aynı zemine siyah metin ise yaklaşık 13,9:1 verir.
Bu yüzden paleti kurarken her renk için “üzerine hangi renkte metin yazılabilir?” sorusunu cevaplayan bir tablo hazırlayın. Birçok ücretsiz kontrast denetleyici araç, iki HEX kodunu girdiğinizde oranı ve AA/AAA sonucunu gösterir.
Bir de şu kuralı ekleyin: bilgiyi yalnızca renkle vermeyin. Renk körlüğü olan kullanıcılar kırmızı ile yeşili ayırt edemeyebilir. Hata mesajı yalnızca kırmızı renkle değil, bir ikon ya da metinle de belirtilmeli.
Adım 5: Renk kodlarını tüm sistemlerde tanımlayın
“Renk paleti kodları” ve “renk kodu” aramalarının arkasında genellikle şu soru var: bu rengi her yerde aynı nasıl kullanırım? Cevap, her renk için birden fazla sistemde karşılık tanımlamaktır.
| Sistem | Ne için? | Nasıl çalışır? |
|---|---|---|
| HEX | Web sitesi, dijital tasarım araçları | RGB değerinin altı haneli onaltılık yazımı (#0A29FF gibi) |
| RGB | Ekranlar, sunum, video | Kırmızı, yeşil ve mavi ışığın 0–255 arası değerleri |
| CMYK | Broşür, katalog, dört renkli baskı | Camgöbeği, macenta, sarı ve siyah mürekkep yüzdeleri |
| Pantone | Ambalaj, kurumsal kırtasiye, spot renk baskı | Önceden karıştırılmış mürekkebin katalog kodu |
| RAL | Boya, tabela, metal ve endüstriyel yüzeyler | Standart boya renk kataloğu kodu |
Bu tablo kurumsal kimlik kılavuzunun renk bölümünün temelini oluşturur. Kodlar tek bir yerde, tek bir tabloda durmalı ki matbaa, web geliştiricisi ve sosyal medya ekibi aynı değeri kullansın.
Dijital ürünler için ek renkler: durum renkleri ve koyu mod
Markanızın bir web sitesi, uygulaması ya da müşteri paneli varsa palete birkaç işlevsel renk eklemek gerekir. Bunlar markanın kişiliğinden çok kullanıcıya bilgi vermek için vardır:
- Başarı: işlemin tamamlandığını gösteren, genellikle yeşil tonlu renk.
- Uyarı: dikkat gerektiren durumlar için, genellikle sarı ya da turuncu.
- Hata: başarısız işlemler ve hatalı form alanları için, genellikle kırmızı.
- Bilgi: nötr bildirimler için, genellikle mavi.
Bu renklerin marka paletiyle çatışmaması gerekir. Ana renginiz kırmızıysa hata mesajları ile marka vurgusu karışabilir; bu durumda hata rengini tonuyla ya da ikonla ayırmak gerekir.
Koyu mod da ayrı bir düşünce ister. Açık zeminde iyi görünen bir renk koyu zeminde fazla parlak ya da yetersiz kontrastlı kalabilir. Koyu mod sunacaksanız her ana renk için koyu zemine uygun bir karşılık belirleyin ve kontrastı o zemin üzerinde yeniden test edin. Bu kararlar tasarım sistemi içinde renk değişkenleri olarak tanımlandığında web ve uygulama ekibi aynı değerlerle çalışır.
Paleti gerçek uygulamalarda test edin
Renkler tek tek kare örnekler olarak güzel görünebilir ama asıl sınav uygulamadır. Paleti kesinleştirmeden önce birkaç gerçek yüzeyde deneyin: bir web sayfası taslağı, bir sosyal medya paylaşımı, bir kartvizit, varsa bir ambalaj ya da tabela maketi. Aynı paleti farklı ışıklarda, telefonda ve basılı provada görmek, kâğıt üzerinde fark edilmeyen sorunları ortaya çıkarır. Bir renk her uygulamada düzeltme istiyorsa, sorun uygulamada değil palettedir.
Ekran ile baskı arasındaki fark
Ekranda gördüğünüz renk ışıkla oluşur; baskıdaki renk mürekkebin kâğıttan yansıttığı ışıkla. Bu iki sistem aynı renk aralığını kapsamaz. Ekranın gösterebildiği bazı canlı ve doygun tonlar, özellikle parlak mavi, neon yeşil ve canlı turuncu, CMYK baskıda tam olarak elde edilemez.
Bu farkın pratik sonuçları var:
- Otomatik dönüştürmeye güvenmeyin. Tasarım programının RGB’den CMYK’ya çevirdiği değer çoğu zaman donuk bir sonuç verir. Baskı değerlerini prova baskıyla kontrol edip öyle belirleyin.
- Kâğıt sonucu değiştirir. Kuşe kâğıt ile mat ya da geri dönüştürülmüş kâğıt aynı CMYK değerini farklı gösterir. Kaplamalı ve kaplamasız kâğıt için ayrı Pantone karşılıkları olabilir.
- Canlı bir ana renk seçtiyseniz spot rengi düşünün. Ambalaj ve kurumsal kırtasiyede Pantone spot renk kullanmak, CMYK’nın tutturamadığı tonu elde etmenin yaygın yoludur.
- Ekranlar da birbirinden farklıdır. Aynı HEX kodu farklı telefon ve monitörlerde hafif farklı görünür. Bu kontrol edilemez ama onay verirken tek bir ekrana güvenmemek gerekir.
Renk paleti bulmak için ilham kaynakları
Renk paleti bulma sürecinde ilham almak için çevrimiçi palet üreteçleri, fotoğraflardan renk çıkaran araçlar ve renk çemberi uygulamaları kullanışlıdır. Bu araçlar size uyumlu kombinasyonlar önerir.
Ancak bir uyarı: bu araçların önerdiği paletler genellikle estetik uyum üzerine kuruludur, markanın anlamı ve kullanım alanları üzerine değil. Güzel bir paleti bulduktan sonra onu yukarıdaki adımlardan geçirin: anlamı karşılıyor mu, oranları tanımlı mı, kontrast testini geçiyor mu, baskıda çalışıyor mu?
Renk paleti oluştururken sık yapılan hatalar
- Çok fazla renk. Her yeni ihtiyaç için palete renk eklemek, birkaç yıl içinde dağınık bir görünüme yol açar.
- Nötrleri tanımlamamak. Gri ve zemin tonları belirlenmediğinde herkes kendi grisini kullanır.
- Sadece ekranda test etmek. Baskıda farklı çıkan bir renk, ambalaj ya da tabela aşamasında pahalı bir sorun olur.
- Kontrastı sona bırakmak. Web sitesi tasarlanırken okunmayan renk kombinasyonları ortaya çıkarsa paleti geri dönüp değiştirmek gerekir.
- Kuralsız teslim. Kodları verip oranları ve kombinasyonları anlatmamak, paletin yarısını teslim etmek demektir.
Renk, kurumsal kimliğin parçalarından yalnızca biri. Diğer bileşenlerle nasıl birlikte çalıştığını kurumsal kimlik nedir yazımızda anlattık. Paleti tercih olmaktan çıkarıp sisteme dönüştürme yaklaşımımızı da renk paleti sayfamızda bulabilirsiniz.
Paletinizi birlikte kuralım
Markanızın renkleri farklı yüzeylerde farklı görünüyorsa ya da yeni bir palet oluşturmanız gerekiyorsa, mevcut kullanımınızı inceleyip ekranda ve baskıda tutarlı çalışan bir sistem kurabiliriz. İletişim sayfamızdan bize yazmanız yeterli.