Print ve Web Renk Farkları: CMYK vs RGB
Baskı ve web tasarımı farklı renk modelleri kullanır. Web ekranları RGB (kırmızı, yeşil, mavi) ile çalışırken, matbaa CMYK (cyan, magenta, sarı, siyah) kullanır. Bu fark, aynı tasarımı her iki ortamda da kullandığınızda renk kaymasına neden olur. Bu rehberde RGB ve CMYK modelleri, gamut farkları, dönüşüm, güvenli renkler, Pantone bridge ve pratik ipuçlarını ele alıyoruz.
RGB Renk Modeli
RGB, ışık bazlı additif bir modeldir. Kırmızı, yeşil ve mavi ışıkların farklı yoğunluklarda birleşmesiyle renkler oluşur. Tüm renkler birleştiğinde beyaz elde edilir. Monitörler, televizyonlar ve projektörler RGB kullanır. Web'de HEX (#ff0000), RGB (255, 0, 0) veya HSL formatında renk tanımlanır. HEX, RGB, HSL dönüşüm rehberimizde format detaylarını bulabilirsiniz.
CMYK Renk Modeli
CMYK, substratif (çıkarımsal) bir modeldir. Cyan, magenta, sarı ve key (siyah) mürekkeplerin kağıda basılmasıyla renkler elde edilir. Kağıt beyazdır; mürekkepler ışığı emer. Tüm renkler birleştiğinde teorik olarak siyah elde edilir; pratikte koyu kahverengi olduğundan ayrı siyah (K) kullanılır. Matbaa, ofis yazıcıları ve baskı makineleri CMYK kullanır.
Renk Gamut Farkları
Gamut, bir sistemin üretebileceği renk aralığıdır. RGB gamutu CMYK'dan daha geniştir. Özellikle parlak yeşiller, canlı turuncular ve neon tonları CMYK ile tam karşılanamaz; baskıda soluk veya farklı görünür. Tasarım yaparken "out of gamut" uyarısını dikkate alın; özellikle marka renkleri hem web hem baskıda kullanılacaksa sınırlı gamutlu tonlar seçmek güvenli olur.
/* Web'de parlak RGB - baskıda soluk kalabilir */
.bright-green { color: #00ff00; }
.neon-orange { color: #ff6600; }
/* Baskıya daha uygun, gamut içi tonlar */
.safe-green { color: #2d8a4e; }
.safe-orange { color: #e87500; }RGB'den CMYK'ya Dönüşüm
Tam otomatik dönüşüm mümkün değildir; gamut farkı nedeniyle bazı renkler kaybolur veya değişir. Photoshop, Illustrator ve InDesign'da RGB'den CMYK'ya dönüştürürken Color Settings'te doğru profil seçin (örn. ISO Coated v2). Dönüşüm sonrası renkleri kontrol edin; gerekirse manuel düzeltme yapın. Web'de CSS renkleri RGB'dir; baskı için ayrı bir CMYK dosyası oluşturmanız gerekir.
Güvenli Renkler (Web Safe vs Print Safe)
Web safe colors artık güncel ekranlar için zorunlu değildir; ancak hem web hem baskıda tutarlı görünmesini istiyorsanız gamut içi renkler seçin. Düşük doygunluklu (saturation) tonlar genellikle her iki ortamda da iyi sonuç verir. Renk uyumu rehberimizde palet oluşturma kurallarını inceleyebilirsiniz.
Pantone Bridge
Pantone, spot renk sistemidir; matbaada tam rengi elde etmek için kullanılır. Pantone rengi RGB ve CMYK karşılıklarına çevrilebilir; bu işleme "bridge" denir. Pantone Solid to CMYK tabloları ile yaklaşık karşılıkları bulabilirsiniz. Marka renkleri için Pantone numarası belirlemek, baskı tutarlılığı sağlar; web'de ise Pantone'un resmi RGB/HEX karşılığını kullanın.
Hem Baskı Hem Web'de Çalışan Tasarımcılar İçin İpuçları
(1) Tasarımın başında kullanım amacını belirleyin: sadece web ise RGB, sadece baskı ise CMYK ile başlayın. (2) Hem ikisinde kullanılacaksa, marka rengini önce Pantone veya gamut içi bir CMYK değeri seçin; sonra RGB karşılığını türetin. (3) RGB'de tasarlayıp sonradan CMYK'ya çeviriyorsanız, özellikle turuncu, yeşil ve parlak mavilerde fark bekleyin. (4) Baskı öncesi prova (proof) alın; ekran ile baskı asla tam örtüşmez. (5) Gradient'ler baskıda banting (ton atlamaları) yapabilir; yüksek çözünürlük ve yumuşak geçişler kullanın.
Proje Yönetimi: İki Ortam İçin Tek Kaynak
Hem web hem baskı için çalışıyorsanız, tek bir "master" palet tutmak işinizi kolaylaştırır. Önce baskıya uygun (gamut içi) renkleri seçin; sonra aynı tonların RGB karşılıklarını web için kullanın. Figma, Sketch veya Adobe XD'de renk stilleri tanımlarken hem HEX hem CMYK/Pantone notları ekleyin. Bu sayede geliştirici ve matbaa aynı referansı kullanır; renk tutarsızlığı azalır.
CSS Renk Fonksiyonları ve Baskı
Web sayfaları yazdırıldığında tarayıcı RGB'yi ekrana gönderir; yazıcı kendi CMYK dönüşümünü yapar. @media print ile baskı için özel stiller tanımlayabilirsiniz; ancak renk modeli değiştirilemez. CSS renk fonksiyonları rehberimizde rgb(), hsl() vb. detaylarını bulabilirsiniz.
Özet
RGB ekran, CMYK baskı içindir; gamut farkı nedeniyle aynı değerler her iki ortamda aynı görünmez. Gamut içi renkler, Pantone bridge ve baskı provası ile tutarlı sonuç alırsınız. Marka kimliği renk seçimi rehberimizle paletinizi oluştururken hem web hem baskıyı düşünün.