aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler Tasarım

HEX, RGB, CMYK: Markada Renk Tutarlılığı

Bir markanın görsel kimliğinde renk, logodan bile önce hatırlanan unsurdur; ama aynı turkuazın web sitesinde parlak, kartvizitte ise soluk çıkması çok yaygın bir sorundur. Bunun ardında genellikle hex rgb cmyk kavramlarının birbirine karıştırılması yatar. Bu üç gösterim aynı rengi farklı dünyalar için tarif eder: ekranlar ışık karıştırır, baskı ise mürekkep. Renk tutarlılığını korumak, hangi gösterimin nerede kullanılacağını ve aralarındaki dönüşümün neden kayıpsız olmadığını bilmekten geçer.

HEX, RGB ve CMYK aslında ne anlatır?

Üçü de bir rengi sayılarla ifade eder, ama farklı modellerle:

  • RGB (Red, Green, Blue): Ekranların ışıkla çalışan toplamsal modeli. Her kanal 0–255 arası değer alır; üçü de maksimumdayken beyaz, hepsi sıfırken siyah elde edilir.
  • HEX: RGB'nin onaltılık (hexadecimal) yazımıdır, başka bir model değil. #FF8800 ifadesi rgb(255, 136, 0) ile birebir aynı rengi gösterir; FF = 255, 88 = 136, 00 = 0.
  • CMYK (Cyan, Magenta, Yellow, Key/siyah): Baskının mürekkeple çalışan çıkarmalı modeli. Beyaz kâğıdın üzerine mürekkep ekledikçe ışığı emer ve koyulaşırsınız; değerler genelde yüzde olarak verilir.

Kritik nokta: HEX ve RGB ekran içindir, CMYK baskı içindir. Bir markanın renk kılavuzunda ideal olarak her ikisi de tanımlanır.

Neden ekran ile baskı asla birebir tutmaz?

RGB ile CMYK'nın gösterebildiği renk aralığı (gamut) farklıdır. RGB ekranlar, özellikle parlak yeşiller, canlı maviler ve neon turuncular gibi yüksek doygunluktaki renkleri gösterebilir; CMYK mürekkep bu renklerin bir kısmına fiziksel olarak ulaşamaz. Bu yüzden ekranda göz alıcı duran bir renk, baskıya gittiğinde en yakın ulaşılabilir tona kırpılır ve daha mat görünür.

Ayrıca her cihaz rengi biraz farklı yorumlar: iki farklı monitör, bir telefon ve bir ofset baskı makinesi aynı dosyayı farklı gösterebilir. İşte bu yüzden tek başına HEX değeri yeterli değildir; süreci yöneten şey renk profilleridir (ICC profilleri) ve markanın referans aldığı standartlardır.

Pantone, renk profilleri ve referans noktası

Mürekkep tabanlı baskıda en güvenilir tutarlılık, Pantone (PMS) gibi spot renk sistemleriyle sağlanır. Pantone, önceden karıştırılmış standart bir mürekkeptir; baskıcı renk kodunu alır ve dört rengi karıştırmaya çalışmadan tam o tonu basar. Logolar için kurumsal kimliklerde sıkça Pantone referansı verilmesinin sebebi budur.

Ekran ve dönüşümler için ise renk profili önemlidir:

  • sRGB: Web ve çoğu ekranın varsayılan standardı. Site, sosyal medya ve dijital tüm görseller için bunu hedefleyin.
  • CMYK + ICC profili: Baskıda matbaanın istediği profil (ör. bir kuşe kâğıt profili) kullanılır. Dönüşümü "render intent" ile yaparsınız.

Pratikte dönüşümü doğru yapmak

Tasarım araçlarında dönüşüm otomatik gibi görünür ama kontrolü elde tutmak gerekir. Birkaç temel kural:

  • Dijital iş için belgeyi RGB/sRGB modunda tutun; baskı için ayrı bir CMYK belge türetin, ikisini tek dosyada karıştırmayın.
  • RGB'den CMYK'ya geçerken renkleri gözle kontrol edin: gamut dışı kalan parlak tonları, markanın kabul edebileceği en yakın versiyona kendiniz ayarlayın; aracın otomatik kırpmasına bırakmayın.
  • Renk kılavuzunda her birincil ve ikincil renk için HEX, RGB, CMYK ve mümkünse Pantone değerini birlikte yazın.

CSS tarafında ise web rengini sabitlemek için değişken kullanmak hata payını azaltır:

:root {
  --brand: #1FB8A6;            /* HEX */
  --brand-rgb: 31, 184, 166;   /* aynı renk, RGB */
}

.button {
  background: var(--brand);
  /* yarı saydam gölge için aynı rengi tek yerden kullan */
  box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.35);
}

Böylece sitenin her yerinde tek bir kaynaktan beslenen, birbirinden sapmayan bir marka rengi elde edersiniz.

Marka renk kılavuzu için kontrol listesi

  • Birincil renk: HEX + RGB + CMYK + Pantone bir arada.
  • Web için sRGB, baskı için matbaanın ICC profili tanımlı.
  • Açık/koyu zeminde okunabilirlik ve kontrast oranı test edilmiş.
  • Tek renk (siyah-beyaz) ve negatif kullanım versiyonları hazır.
  • Dosyalar etiketli: hangisi ekran, hangisi baskı için açık.

Sık Sorulan Sorular

HEX ve RGB arasında renk farkı olur mu?

Hayır. HEX, RGB'nin yalnızca farklı bir yazım biçimidir; aynı renk profilinde #1FB8A6 ile rgb(31, 184, 166) tamamen aynı rengi verir. Fark sadece gösterim kolaylığıdır.

Logomu doğrudan RGB değerleriyle bastırabilir miyim?

Bastırabilirsiniz ama sonuç öngörülemez olur; matbaa içeride CMYK'ya çevirir ve parlak tonlar soluklaşabilir. Baskı için CMYK ya da kritik renklerde Pantone değeri vermek çok daha güvenlidir.

Web ile baskının birebir aynı görünmesini sağlayabilir miyim?

Tam birebir genelde mümkün değildir çünkü ışık ve mürekkep farklı çalışır. Hedef, fark edilmeyecek kadar yakın ve tutarlı bir tondur; bunu doğru profiller ve Pantone referansıyla yakalarsınız.

Markanızın rengi her yerde aynı görünsün. Logo, web ve baskı için HEX, RGB ve CMYK değerlerini içeren tutarlı bir renk kılavuzuna ihtiyacınız varsa benimle iletişime geçin.

Bu kategorideki tüm yazılar →

Devamı için