Logo Renk Kodları: HEX, RGB, CMYK ve Pantone

Logonuzun rengi web sitesinde bir ton, kartvizitte başka bir ton, tabelada bambaşka bir ton görünüyorsa sorun büyük ihtimalle tasarımda değil, renk kodlarındadır. Tek bir renk kodu verilip geri kalanının dönüştürme programlarına bırakılması, logonun her ortamda biraz farklı görünmesine yol açar. Bu yazı dört renk kodu sistemini, ekran ile baskının neden farklı davrandığını ve logo renklerinin nasıl kayıt altına alınacağını anlatıyor.

Kapsamı baştan belirtelim: burada konu logonun kendi renklerinin teknik kodlarıdır. Bir markanın tüm iletişiminde kullanılacak ana ve yardımcı renklerden oluşan bir renk paleti kurmak, daha geniş bir kurumsal kimlik çalışmasının parçasıdır.

Dört kod, dört ortam

Tablodaki sayılar yalnızca yazım biçimini göstermek için verilen örneklerdir; birbirinin karşılığı değildir.

Ekran ve baskı neden farklı görünür?

Ekran ve kâğıt rengi iki zıt yoldan üretir. Adobe'nin renk modları rehberi, RGB'nin toplamalı (additive) bir karışım olduğunu, yani renkler eklendikçe açıldığını ve üçü birlikte beyazı verdiğini; CMYK'nın ise çıkarmalı (subtractive) bir karışım olduğunu, renkler karıştıkça koyulaştığını açıklıyor 2. Aynı rehber, RGB'den CMYK'ya geçerken renklerin basıldığında biraz farklı görünebileceğini ve sonucun test baskısıyla doğrulanmasını öneriyor 2.

Bunun pratik anlamı şudur: ekranın gösterebildiği bazı parlak renkler dört renk mürekkeple elde edilemez. Çok canlı bir turuncu ya da elektrik mavisi ekranda göz alıcıyken baskıda matlaşabilir. Logo rengi seçilirken bu sınır baştan hesaba katılmalı, yalnız ekranda güzel görünen bir renge göre karar verilmemelidir.

Kâğıt da rengi etkiler. Pantone'un renk rehberleri bu yüzden renkleri hem kuşe (coated) hem kuşe olmayan (uncoated) kâğıt üzerinde ayrı ayrı gösterir 4. Aynı mürekkep, mürekkebi daha çok emen kuşe olmayan kâğıtta daha yumuşak bir tonda görünür; kodun sonundaki C ve U ekleri bu iki durumu ayırır.

HEX ve RGB: ekrandaki logo

HEX ve RGB aynı şeyin iki yazımıdır: ekrandaki bir pikselin kırmızı, yeşil ve mavi ışık değerleri. W3C'nin CSS Color Module Level 4 belirtimine göre HEX rengi 3, 4, 6 ya da 8 onaltılık rakamla yazılır; altı haneli yazımda ilk ikili kırmızıyı, sonraki ikili yeşili, son ikili maviyi verir 1. Aynı belirtim, uyumluluk için HTML'de belirtilen renklerin ve renk profili taşımayan görsellerin sRGB renk uzayında kabul edilmesi gerektiğini söylüyor 1.

Bu, logo için önemli bir ayrıntıdır: dijital teslim dosyalarınız sRGB'de hazırlanmalıdır. Daha geniş renk uzaylarında (örneğin Display P3) hazırlanan bir dosya, renk yönetimi olmayan bir ortamda farklı görünebilir. CSS Color 4, Display P3 gibi sRGB dışı renk uzaylarını da tanımlıyor 1; ancak logonun temel tanımı için sRGB'deki HEX değeri, herkesin aynı şekilde kullanabileceği ortak dildir.

Ekranlar da birbirinden farklıdır. Aynı HEX kodu bir dizüstü bilgisayarda, bir telefonda ve bir projektörde farklı parlaklık ve doygunlukta görünebilir. Bu, kodun yanlış olduğu anlamına gelmez; kod sabittir, cihaz değişir. Renk onayını tek bir ekrana bakarak vermek yerine, logoyu birkaç farklı cihazda ve hem açık hem koyu arayüzde görmek daha sağlıklı bir karardır.

CMYK: dört renkli baskı

CMYK, camgöbeği (cyan), eflatun (magenta), sarı (yellow) ve siyah (key) mürekkeplerin yüzdeleriyle tanımlanır. X-Rite'ın Pantone renkleri üzerine açıklamasına göre dört renk baskıda görüntü bu dört renge ayrılır ve birbirine çok yakın küçük noktalar hâlinde basılır; göz bu noktaları karıştırarak düz bir renk alanı algılar 3.

Logo için CMYK değeri belirlenirken dikkat edilecek noktalar:

1. Dönüştürmeyi programa bırakmayın. HEX değerinin otomatik CMYK karşılığı, kullanılan dönüştürme ayarına göre değişir. Logonun CMYK değeri bir kez, bilinçli olarak belirlenmelidir.
2. Basılı referansa bakın. Ekrandaki CMYK önizlemesi yaklaşık bir fikir verir; kararı basılı bir renk rehberi ya da prova baskı üzerinden verin.
3. Siyahı ayrıca tanımlayın. Logodaki siyah, yalnız siyah mürekkeple mi yoksa diğer renklerle zenginleştirilmiş bir siyahla mı basılacak, belirtin; küçük yazılarda yalnız siyah mürekkep daha keskin sonuç verir.
4. Yazıyı ve ince çizgiyi kontrol edin. Dört rengin üst üste bindiği ince çizgiler, baskıda hafif bir kayma olduğunda renkli saçaklar gösterebilir.

Pantone ve spot renk

Spot renk, baskıdan önce karıştırılmış tek bir mürekkeptir. X-Rite'ın açıklamasına göre Pantone düz (solid) renkleri, mürekkeplerin belirli bir tona karıştırılıp kâğıda tek seferde basılmasıyla elde edilir ve bu yöntem genellikle bir ya da iki renkli baskılarda kullanılır 3. Aynı kaynak, düz renk ile dört renk baskı ayrımının Pantone'a özgü olmadığını, genel bir baskı kavramı olduğunu da hatırlatıyor 3.

Pantone, bu mürekkeplerin standart karışım formüllerini rehberler hâlinde yayımlar. Pantone'un ürün sayfasına göre Formula Guide seti, 224 yeni renk dahil 2.614 spot rengi kuşe ve kuşe olmayan kâğıt üzerinde gösteriyor ve renklerin mürekkep formülleriyle birlikte verildiğini belirtiyor 4.

Logo için Pantone kodu şu durumlarda değer kazanır:

• Logo tek ya da iki renk baskıyla basılacaksa (kaşe, zarf, karton kutu, poşet),
• Farklı üreticiler ve malzemeler arasında rengin tutarlı kalması gerekiyorsa (tabela, tekstil, ambalaj),
• Dört renk baskının elde edemediği bir ton isteniyorsa.

Pantone kodu seçildiğinde, aynı rengin C ve U karşılıkları ile en yakın CMYK karşılığı da kayda geçirilmelidir. Hangi kodun hangi baskıda kullanılacağı açık değilse, matbaa ya da üretici kendi tahminine göre seçim yapar.

Geçişli ve çok renkli logolarda kodlar

Logo tek bir düz renkten oluşmuyorsa kayıt biraz daha ayrıntılı tutulmalıdır. Renk geçişi (gradyan) içeren bir logoda geçişin başlangıç ve bitiş renkleri, varsa ara durakları ve geçişin yönü tanımlanmalıdır. Bu bilgi olmadan logoyu yeniden kuran biri, geçişi gözüyle tahmin etmek zorunda kalır ve sonuç her uygulamada biraz farklı olur.

Geçişli logolar için bir de düz renk karşılığı belirlemek gerekir. Spot renkli baskı, nakış, folyo kesim ve kazıma gibi yöntemler geçişi aktaramaz; bu işlerde geçişin yerine hangi düz rengin kullanılacağı önceden kararlaştırılmalıdır. Aynı mantık üst üste binen yarı saydam şekiller için de geçerlidir: ekranda iki rengin kesişiminde oluşan üçüncü ton, baskıda ayrı bir renk olarak tanımlanmadıkça kendiliğinden oluşmaz.

Çok renkli logolarda ise renklerin sayısı baskı maliyetini doğrudan etkileyebilir. Spot renkle basılan her ek renk, matbaada ayrı bir kalıp ve mürekkep anlamına gelir. Bu yüzden logonun renk sayısı belirlenirken yalnız ekrandaki etki değil, logonun en sık basılacağı yöntem de göz önünde tutulmalıdır.

Logonun yanındaki metin ve kontrast

Renk kodları belirlenirken logonun hangi zeminlerde duracağı da düşünülmelidir. W3C'nin erişilebilirlik yönergesi WCAG 2.2, normal metin için en az 4.5:1, büyük metin için en az 3:1 kontrast oranı istiyor; ancak bir logonun ya da marka adının parçası olan metin için kontrast şartı aramıyor 5.

Bu istisna logonun kendisi için geçerlidir, yanındaki metin için değil. Logonun altındaki slogan, web sitesi başlığındaki menü bağlantıları ya da logonun renginde yazılmış başlıklar normal metin kurallarına tabidir. Logo renginizi metin rengi olarak da kullanmayı düşünüyorsanız, bu rengin beyaz ve koyu zeminde 4.5:1 oranını karşılayıp karşılamadığını baştan kontrol etmek iyi bir alışkanlıktır 5. Logonun renksiz kaldığı durumlar için logo tek renkte çalışıyor mu yazısına bakabilirsiniz.

Renk kodları nasıl kayıt altına alınır?

Renk kodları dağınık e-postalarda değil, tek bir tabloda durmalıdır. Bu tabloda her renk için bir ad, HEX, RGB, CMYK ve varsa Pantone (C ve U) değeri yer alır. Tablo, logonun teslim paketinde ve kullanım kurallarında aynı şekilde tekrarlanır; dosya adlarında da renk modunu belirtmek karışıklığı önler. Dosya türlerinin düzeni için logo dosya formatları yazısına, teslim paketinin içeriği için logo teslim paketi sayfasına bakabilirsiniz. Renk kodlarını, zemin kurallarıyla birlikte tek sayfada topladığımız çalışmayı logo kullanım kılavuzu hizmetimizde anlatıyoruz.