RGB ve CMYK Arasındaki Fark Nedir?

RGB ekranlar için, CMYK ise baskı için kullanılır. Ekranlar, kırmızı, yeşil ve mavi ışığı yayarak renk oluşturur (toplamsal karışım), oysa yazıcılar kağıt üzerinde cyan, magenta, sarı ve siyah mürekkepleri katmanlar halinde kullanarak renk oluşturur (çıkarmalı karışım). RGB, mürekkebe göre daha geniş bir renk yelpazesi nedeniyle CMYK'dan daha parlak ve canlı renkler üretebilir. Bu yüzden ekran renkleri genellikle basılınca daha soluk görünür.

Renklerim Neden Basılınca Farklı Görünüyor?

Ekranlar ışık yayar, kağıt ise ışığı yansıtır—temelde farklı süreçler. Ayrıca, RGB milyonlarca rengi desteklerken, CMYK mürekkepleri bunların tamamını üretemez. Ekran kalibrasyonu, kağıt kalitesi ve mürekkep farklılıkları değişkenliği artırır. Baskı öncesi her zaman CMYK değerlerini kontrol edin ve kritik renk eşleştirme çalışmaları için fiziksel provalar isteyin.

Çevrimiçi Gördüğüm Renklerin Hex Kodlarını Nasıl Alabilirim?

Tarayıcınızın geliştirici araçlarını kullanın. Chrome veya Firefox'ta, herhangi bir öğeye sağ tıklayın, "İncele"yi seçin, ardından stil panelindeki küçük renk karesine tıklayın. Bu, hex kodunu gösteren bir renk seçiciyi açar. ColorZilla gibi tarayıcı uzantıları bunu daha da hızlandırır—sayfadaki herhangi bir yere tıklayarak renk değerini alabilirsiniz.

Hex Kodlarında # Sembolü Ne Anlama Gelir?

Bu, tarayıcıya "bu bir onaltılık renk kodu" diyen bir ön ektir. Standart, erken HTML ve CSS belirtimlerinden gelir. # sonrasındaki altı karakter RGB değerlerini temel-16'da temsil eder: kırmızı için iki basamak, yeşil için iki basamak, mavi için iki basamak. # olmadan, tarayıcılar bunu renk olarak tanımaz.

3 Basamaklı Hex Kodları Neden Çalışır?

Bunlar, her renk kanalının tekrarlandığı durumlarda kısayoldur. #F00, #FF0000'e (kırmızı) genişler, #C9C, #CC99CC'ye (açık mor) dönüşür. Bu kısayol, bant genişliğinin pahalı olduğu 1990'larda dosya boyutlarını azaltmak için oluşturulmuştur. Basit renkler için hala kullanışlıdır.

Renk Dönüşümleri Ne Kadar Doğru?

RGB-hex dönüşümleri matematiksel olarak kesindir—farklı sayı tabanlarında aynı değerlerdir. RGB-CMYK dönüşümleri, temelde farklı renk alanları (ışık vs. mürekkep) arasında geçiş yapıldığından yaklaşık değerlerdir. Araç, bu dönüşümler için profesyonel tasarım yazılımının da kullandığı ICC renk profili standartlarını kullanır.

Erişilebilir Renk Kombinasyonları Nasıl Oluşturulur?

Renkleri seçtikten sonra WebAIM'in aracı gibi bir kontrast denetleyicisi kullanın. Normal metin için 4.5:1, büyük metin için 3:1 oran gereklidir. Kırmızı-yeşil kombinasyonlarından kaçının (renk körü kullanıcılar için en zor). Şüpheye düştüğünüzde, koyu metni açık arka planlarda veya tersi şekilde kullanın—yeterli parlaklık farkı en önemli şeydir.

Resimlerden Renk Seçebilir miyim?

Bu araçla doğrudan hayır. ColorZilla gibi bir tarayıcı uzantısı kullanın veya resmi ekran görüntüsü alıp işletim sisteminizin renk seçicisini kullanın (macOS'ta Digital Color Meter, Windows'ta PowerToys Color Picker). Renk değerini aldıktan sonra, buraya girip formatlar arasında dönüştürebilirsiniz.

Bazı RGB Renkler Neden CMYK'ya İyi Dönüşmüyor?

CMYK, RGB'den daha dar bir "gamuta" (üretilebilir renkler aralığı) sahiptir. Parlak maviler, canlı yeşiller ve elektrik turuncuları genellikle CMYK mürekkeplerinin fiziksel olarak oluşturabileceğinin dışındadır. Bu durumda yazıcı, genellikle daha az doygun görünen en yakın olası eşleşmeyi kullanır. Profesyonel baskı tasarımcıları genellikle bu sorunu önlemek için CMYK-güvenli renklerle başlarlar.

Renk Seçici Araç - RGB, Hex, CMYK ve HSV Renk Kodlarını Dönüştür

Bu Renk Seçiciyle Neler Yapabilirsiniz

Projeniz için mükemmel tonu mu arıyorsunuz? Bu renk seçici, renkleri RGB, Hex, CMYK ve HSV formatları arasında anında seçmenize, önizlemenize ve dönüştürmenize olanak sağlar. İster bir web sitesi kodluyor, ister bir logo tasarlıyor, ister baskı için dosyalar hazırlıyor olun, ihtiyaç duyduğunuz tam renk değerlerini kolayca bulacaksınız—tahmine gerek yok, araçlar arasında geçiş yok.

Renk spektrumunda herhangi bir yere tıklayarak bir ton seçin, parlaklığı bir kaydırıcıyla ayarlayın veya doğrudan kesin değerleri girin. Her format gerçek zamanlı olarak güncellenir ve herhangi bir renk kodunu tek tıklamayla kopyalayabilirsiniz.

Renk Modellerini Anlama

Farklı projeler farklı renk formatları gerektirir. İşte her birinin ne yaptığı ve ne zaman kullanılacağı:

RGB (Kırmızı, Yeşil, Mavi)

RGB, kırmızı, yeşil ve mavi ışığı karıştırarak çalışır—şu anda ekranınızın renkleri görüntülediği şekilde. Her bileşen 0 ile 255 arasında değişir:

RGB(255, 0, 0) = saf kırmızı
RGB(0, 255, 0) = saf yeşil
RGB(0, 0, 255) = saf mavi
RGB(255, 255, 255) = beyaz
RGB(0, 0, 0) = siyah

RGB ne zaman kullanılır: Herhangi bir dijital çalışma—web siteleri, mobil uygulamalar, video düzenleme veya ekran tabanlı grafikler. Ekranların ana dili olduğundan, CSS gibi araçlar rgb() ve rgba() fonksiyonlarını doğrudan destekler. W3C CSS Renk Modülü belirtimi'ne göre, RGB web standartları için temel renk modelidir.

Onaltılık (Hex)

Hex kodları sadece RGB değerlerinin 10'luk tabanda değil, 16'lık tabanda yazılmış halidir. Bir hex renk #FF5733 gibi görünür, burada:

# sembolü onu hex kodu olarak işaretler
İlk iki karakter = kırmızı (00-FF)
Orta iki = yeşil (00-FF)
Son iki = mavi (00-FF)
#FF0000 = kırmızı, #00FF00 = yeşil, #0000FF = mavi

Bazen #FF0000 yerine #F00 gibi 3 karakterlik kısaltma görürsünüz—bu, her renk kanalının aynı rakamı tekrarladığı durumlarda çalışır.

Hex ne zaman kullanılır: Birincil kullanım alanı web geliştirmedir. CSS her zaman hex gösterimini desteklemiştir ve çoğu geliştirici bunu rgb() yazmaktan daha hızlı bulur. Yaygın bir tuzak: # sembolünü unutmak, tarayıcılar bunu geçerli bir renk olarak tanımadığından stillerinizi sessizce bozabilir.

CMYK (Cyan, Magenta, Sarı, Anahtar/Siyah)

CMYK, yazıcılar tarafından kullanılan renk modelidir. RGB'nin tersine (ışık ekleyen), CMYK onu çıkarır—beyaz kağıt üzerinde mürekkepleri karıştırarak renk oluşturur:

Her bileşen 0% ile 100% arasında değişir
CMYK(0, 100, 100, 0) = kırmızı
CMYK(100, 0, 100, 0) = yeşil
CMYK(0, 0, 0, 100) = saf siyah mürekkep
CMYK(0, 0, 0, 0) = mürekkep yok (beyaz kağıt görünür)

CMYK ne zaman kullanılır: Baskı için tasarım—kartvizitler, broşürler, dergiler, ambalaj. Gerçek şu ki: birçok canlı RGB rengi CMYK mürekkeplerle basitçe yeniden üretilemez. Ekranda gördüğünüz parlak elektrik mavisi? Basıldığında daha soluk görünecektir. Profesyonel tasarımcılar sürprizlerden kaçınmak için dosyaları yazıcıya göndermeden önce her zaman CMYK dönüşümlerini önizler.

HSV (Ton, Doygunluk, Değer)

HSV, rengi üç sezgisel bileşene ayırır:

Ton: Hangi renk ailesi (0-360°)—0° kırmızı, 120° yeşil, 240° mavi
Doygunluk: Ne kadar canlı veya gri (0-100%)—0% gri tonlama, 100% tam doygunluk
Değer: Ne kadar parlak veya koyu (0-100%)—0% siyah, 100% tam parlaklık

HSV neden önemli: İnsanların rengi doğal olarak düşündüğü şekilde eşleşir. Daha koyu bir mavi mi istiyorsunuz? Değeri düşürün. Daha az yoğun bir mavi mi istiyorsunuz? Doygunluğu düşürün. Bu, HSV'yi bu tür renk seçiciler için ideal kılar, burada spektrumdan bir ton seçer ve bir kaydırıcıyla parlaklığı ayarlarsınız.

Renk Dönüşüm Formülleri

Renk seçici, bu matematiksel formülleri kullanarak farklı renk modellerini otomatik olarak dönüştürür:

RGB'den Hex'e Dönüşüm

RGB'yi onaltılık (hexadecimal) sayıya dönüştürmek için:

Her RGB bileşenini (0-255) iki basamaklı onaltılık bir sayıya dönüştürün
Üç onaltılık değeri # öneki ile birleştirin

$\text{Hex} = \text{\#} + \text{toHex}(R) + \text{toHex}(G) + \text{toHex}(B)$

Burada toHex() ondalık bir sayıyı onaltılık gösterimine dönüştürür.

RGB'den CMYK'ya Dönüşüm

RGB'den CMYK'ya dönüşüm şu adımları içerir:

RGB değerlerini 0-1 aralığına normalize edin
Siyah anahtar (K) bileşenini hesaplayın
K'ya bağlı olarak C, M ve Y'yi hesaplayın

$R' = R/255, G' = G/255, B' = B/255$ $K = 1 - \max(R', G', B')$ $C = \frac{(1-R'-K)}{(1-K)} \times 100\%$ $M = \frac{(1-G'-K)}{(1-K)} \times 100\%$ $Y = \frac{(1-B'-K)}{(1-K)} \times 100\%$

RGB'den HSV'ye Dönüşüm

RGB'yi HSV'ye dönüştürmek:

$R' = R/255, G' = G/255, B' = B/255$ $C_{max} = \max(R', G', B')$ $C_{min} = \min(R', G', B')$ $\Delta = C_{max} - C_{min}$

Ton (H) için:

1// RGB'den Hex'e dönüşüm
2function rgbToHex(r, g, b) {
3  const toHex = (c) => {
4    const hex = Math.round(c).toString(16);
5    return hex.length === 1 ? '0' + hex : hex;
6  };
7  
8  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
9}
10
11// Hex'den RGB'ye dönüşüm
12function hexToRgb(hex) {
13  // Varsa # işaretini kaldır
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Hem 3 haneli hem 6 haneli hex'i işle
17  const expandedHex = cleanHex.length === 3 
18    ? cleanHex.split('').map(char => char + char).join('')
19    : cleanHex;
20    
21  const r = parseInt(expandedHex.substring(0, 2), 16);
22  const g = parseInt(expandedHex.substring(2, 4), 16);
23  const b = parseInt(expandedHex.substring(4, 6), 16);
24  
25  return { r, g, b };
26}
27
28// RGB'den CMYK'ya dönüşüm
29function rgbToCmyk(r, g, b) {
30  // RGB değerlerini normalize et
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // K (siyah) değerini hesapla
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Saf siyahı işle
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // C, M, Y değerlerini hesapla
44  const c = ((1 - normalizedR - k) / (1 - k)) * 100;
45  const m = ((1 - normalizedG - k) / (1 - k)) * 100;
46  const y = ((1 - normalizedB - k) / (1 - k)) * 100;
47  
48  return {
49    c: Math.round(c),
50    m: Math.round(m),
51    y: Math.round(y),
52    k: Math.round(k * 100)
53  };
54}
55
56// Örnek kullanım
57const rgb = { r: 255, g: 0, b: 0 }; // Saf kırmızı
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB'den Hex'e dönüşüm
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex'den RGB'ye dönüşüm
6def hex_to_rgb(hex_color):
7    # Varsa # işaretini kaldır
8    hex_color = hex_color.lstrip('#')
9    
10    # Hem 3 haneli hem 6 haneli hex'i işle
11    if len(hex_color) == 3:
12        hex_color = ''.join([c*2 for c in hex_color])
13    
14    return {
15        'r': int(hex_color[0:2], 16),
16        'g': int(hex_color[2:4], 16),
17        'b': int(hex_color[4:6], 16)
18    }
19
20# RGB'den CMYK'ya dönüşüm
21def rgb_to_cmyk(r, g, b):
22    # RGB değerlerini normalize et
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # K (siyah) değerini hesapla
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Saf siyahı işle
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # C, M, Y değerlerini hesapla
35    c = ((1 - r_norm - k) / (1 - k)) * 100
36    m = ((1 - g_norm - k) / (1 - k)) * 100
37    y = ((1 - b_norm - k) / (1 - k)) * 100
38    
39    return {
40        'c': round(c),
41        'm': round(m),
42        'y': round(y),
43        'k': round(k * 100)
44    }
45
46# Örnek kullanım
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Gökyüzü mavisi
48hex_color = rgb_to_hex(rgb['r'], rgb['g'], rgb['b'])
49cmyk = rgb_to_cmyk(rgb['r'], rgb['g'], rgb['b'])
50
51print(f"Hex: {hex_color}")
52print(f"CMYK: C={cmyk['c']}%, M={cmyk['m']}%, Y={cmyk['y']}%, K={cmyk['k']}%")
53

1public class RenkDonusturucu {
2    // RGB'den Hex'e dönüşüm
3    public static String rgbToHex(int r, int g, int b) {
4        return String.format("#%02x%02x%02x", r, g, b);
5    }
6    
7    // Hex'den RGB'ye dönüşüm
8    public static int[] hexToRgb(String hexColor) {
9        // Varsa # işaretini kaldır
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Hem 3 haneli hem 6 haneli hex'i işle
15        if (hexColor.length() == 3) {
16            String expandedHex = "";
17            for (char c : hexColor.toCharArray()) {
18                expandedHex += c + String.valueOf(c);
19            }
20            hexColor = expandedHex;
21        }
22        
23        int r = Integer.parseInt(hexColor.substring(0, 2), 16);
24        int g = Integer.parseInt(hexColor.substring(2, 4), 16);
25        int b = Integer.parseInt(hexColor.substring(4, 6), 16);
26        
27        return new int[]{r, g, b};
28    }
29    
30    // RGB'den CMYK'ya dönüşüm
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // RGB değerlerini normalize et
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // K (siyah) değerini hesapla
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Saf siyahı işle
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // C, M, Y değerlerini hesapla
46        double c = ((1 - normalizedR - k) / (1 - k)) * 100;
47        double m = ((1 - normalizedG - k) / (1 - k)) * 100;
48        double y = ((1 - normalizedB - k) / (1 - k)) * 100;
49        
50        return new double[]{
51            Math.round(c),
52            Math.round(m),
53            Math.round(y),
54            Math.round(k * 100)
55        };
56    }
57    
58    public static void main(String[] args) {
59        // Örnek kullanım
60        int r = 75, g = 0, b = 130;  // Mor
61        String hexColor = rgbToHex(r, g, b);
62        double[] cmyk = rgbToCmyk(r, g, b);
63        
64        System.out.println("Hex: " + hexColor);
65        System.out.printf("CMYK: C=%.0f%%, M=%.0f%%, Y=%.0f%%, K=%.0f%%\n", 
66                          cmyk[0], cmyk[1], cmyk[2], cmyk[3]);
67    }
68}
69

Referanslar ve Daha Fazla Okuma

W3C CSS Renk Modülü Seviye 4 - Resmi web renk belirtimi
WCAG 2.1 Kontrast Yönergeleri - Renk kontrastı için erişilebilirlik standartları
WebAIM Kontrast Denetleyicisi - Renk kontrast oranlarını test etme
ICC Renk Profili Standartları - Renk dönüşümleri için teknik belirtim
MDN Web Belgeleri: CSS Renk Değerleri - Web renk formatları için kapsamlı kılavuz

Renk Seçici Araç - RGB, Hex, CMYK ve HSV Renk Kodlarını Dönüştür

Renk Seçici

RGB (0-255)

CMYK (0-100)

Renk Seçici

Belgeler

Bu Renk Seçiciyle Neler Yapabilirsiniz

Renk Modellerini Anlama

RGB (Kırmızı, Yeşil, Mavi)

Onaltılık (Hex)

CMYK (Cyan, Magenta, Sarı, Anahtar/Siyah)

HSV (Ton, Doygunluk, Değer)

Renk Dönüşüm Formülleri

RGB'den Hex'e Dönüşüm

RGB'den CMYK'ya Dönüşüm

RGB'den HSV'ye Dönüşüm

Referanslar ve Daha Fazla Okuma

Renk Paleti Oluşturucu - Uyumlu Renk Şemaları Oluşturun

CSS Özellik Oluşturucu - Gradyanlar, Gölgeler ve Kenarlıklar

Ücretsiz QR Kod Oluşturucu - Taranabilir QR Kodları Anında Oluşturun

Sayı Tabanı Dönüştürücü: İkili, Onaltılık, Onlu ve Sekizli

Tavşan Renk Tahmincisi – Yavru Tavşan Kürk Renklerini Hesaplama

İkili Sayı Sisteminden Ondalık Sayı Sistemine Dönüştürücü | Ücretsiz Çevrimiçi Araç

PX'den REM'e ve EM'e Dönüştürücü – Ücretsiz CSS Birim Hesaplayıcı

Base64 Görüntü Çözücü | Görüntüleri Çevrimiçi Çözme ve Önizleme

Çamaşır Suyu Seyreltme Hesaplayıcısı: Güvenli Temizlik için Kesin Oranlar

Piksel'den İnç'e Dönüştürücü - Ücretsiz DPI Hesaplayıcı (2025)

Bit ve Bayt Uzunluğu Hesaplayıcı - Ücretsiz Veri Boyutu Aracı

Ücretsiz Kod Biçimlendiricisi: JavaScript, Python, HTML ve Daha Fazlasını Güzelleştirin