İçeriğe atla
Guide Apr 5, 2026 · 6 min read

Bilgisayar Renkleri Nasıl Üretir: RGB, HEX ve İkili Sayı Sistemi

#FF0000. #00FF00. #0000FF. Tasarım dosyalarında ya da kodda en az bir kez görmüşsünüzdür. Şifreye benziyor, oyun kodu gibi duruyor. Aslında bunlar renklerin adıdır.

#FF0000
#00FF00
#0000FF

Yukarıdan aşağıya: kırmızı, yeşil, mavi. Bilgisayarın renkleri çağırmak için kullandığı isimler. Bu gösterimin nereden geldiğini açıklayalım.

RGB — Rengi Oluşturan Üç Harf

Red, Green, Blue. Işığın üç ana rengi. Karıştırılan orana göre gördüğümüz tüm renkler ortaya çıkar.

Her Gün RGB Görüyoruz

Ekranın olduğu her yerde RGB vardır.

  • Monitör / TV — Her piksel kırmızı, yeşil ve mavi üç noktadan oluşur
  • Akıllı telefon ekranı — Aynı yapı, daha küçük pikseller
  • Oyuncu klavyesi LED — Her tuşta R, G, B olmak üzere üç LED
  • PC kasa aydınlatması — RGB şerit, doğrudan RGB sinyalidir

Ekrana yeterince yakından bakıldığında görürsünüz. Kırmızı, yeşil, mavi. Hepsi bu. Milyonlarca küçük RGB noktası bir araya gelerek gördüğümüz tek bir ekranı oluşturur.

Renkler Karıştırılarak Oluşturulur

RGB’nin her kanalı 0 ile 255 arasında bir yoğunluk değerine sahiptir.

  • RGB(255, 0, 0) — Yalnızca kırmızı maksimumda → saf kırmızı
  • RGB(0, 255, 0) — Yalnızca yeşil maksimumda → saf yeşil
  • RGB(255, 255, 0) — Kırmızı + Yeşil → Sarı
  • RGB(0, 0, 0) — Hepsi kapalı → siyah
  • RGB(255, 255, 255) — Hepsi maksimumda → beyaz

Kırmızı ile yeşilin karışmasının sarı vermesi sezgilere aykırı gelebilir; ancak bu ışığın birleşmesidir. Resim dersinde öğrenilen boya karıştırmaktan (kırmızı + yeşil = kahverengi) farklı bir kuraldır. Işık eklendikçe parlaklık artar, hepsi bir araya gelince beyaza ulaşılır.

Üç kaydırıcıyı kendiniz hareket ettirerek görebilirsiniz.

#FF5733
RGB · 255 · 87 · 51
R 255 11111111
G 87 01010111
B 51 00110011

Sağ tarafta görünen 8 haneli sayı, o kanalın ikili (binary) gösterimidir. Kaydırıcıyı hareket ettirdiğinizde bu sayı da değişir. 0 ve 1 ile 256 değerin nasıl elde edildiği bir sonraki konudur.

Neden 0’dan 255’e?

Bilgisayarlar yalnızca 0 ve 1 ile çalışır. 0 veya 1 tutan bir haneye bit denir. Bit sayısı arttıkça ifade edilebilen değer sayısı 2 katına çıkar.

0/1
1 bit
= 2 değer
0/10/1
2 bit
= 4 değer
0/10/10/10/1
4 bit
= 16 değer
0/10/10/10/1 0/10/10/10/1
8 bit
= 256 değer ← RGB tek kanal

8 bit = 1 bayt (byte). Bir renk için RGB üç kanal, toplamda 3 bayt = 24 bit eder. 24 bit yaklaşık 16,7 milyon rengi ifade eder. İnsan gözünün ayırt edebileceği kadar yeterli bir aralık olduğundan, 1 bayt bir kanal için standart haline gelmiştir.

İkili Sayıyı Okumak

Her hanenin belirlenmiş bir değeri vardır. Soldan sağa: 128, 64, 32, 16, 8, 4, 2, 1 — 2’nin kuvvetleri.

1282⁷
642⁶
322⁵
162⁴
82³
42²
22¹
12⁰

1 yazan hanelerin değerleri toplanınca ondalık sayı elde edilir.

Örnek 1
0128
064
032
016
18
04
12
01
8 + 2 = 10
Örnek 2
1128
164
132
116
08
04
02
01
128 + 64 + 32 + 16 = 240
Örnek 3 — 8 hanenin tamamı 1
1128
164
132
116
18
14
12
11
128 + 64 + 32 + 16 + 8 + 4 + 2 + 1 = 255

Bu nedenle 8 bitin maksimum değeri 255’tir. RGB’nin bir kanalının 0–255 arasında olmasının tam sebebi budur.

HEX — Aynı Sayı, Daha Kısa

RGB(255, 255, 255). 16 karakter uzunluğunda. Her CSS satırına veya tasarım aracı alanına yazmak için uzun. Bu yüzden aynı sayıyı daha kısa ifade etmenin yolu ortaya çıkmıştır.

Onaltılık Sayı Sistemi Nedir?

Onaltılık sistem, tek bir karakterle 0’dan 15’e kadar ifade eden bir sayı sistemidir. Ancak günlük hayatta kullandığımız rakamlar yalnızca 0–9 arasındadır; 10 rakam. Eksik 6 sembol alfabeden ödünç alınır.

0→0
1→1
2→2
3→3
4→4
5→5
6→6
7→7
8→8
9→9
10→A
11→B
12→C
13→D
14→E
15→F

Kurallar üçtür:

  • 0–9 — olduğu gibi kullanılır
  • 10’dan itibaren A ile başlar
  • F tek karakterin maksimum değeridir (= 15)

Neden Onaltılık Sistem?

4 bitlik ikili sayı (0000–1111) tam olarak 16 değer ifade eder.

0000→0
0001→1
0010→2
0011→3
0100→4
0101→5
0110→6
0111→7
1000→8
1001→9
1010→A
1011→B
1100→C
1101→D
1110→E
1111→F

4 bitlik ikili = onaltılık 1 karakter. Dört haneyi tek karaktere indirger. RGB’nin bir kanalı 8 bit olduğundan tam olarak onaltılık 2 karaktere düşer.

RGB’yi HEX’e Dönüştürmek

RGB(255, 87, 51)’i dönüştürelim.

01
R değerini onaltılığa çevir
255→FF
02
G değerini onaltılığa çevir
87→57
03
B değerini onaltılığa çevir
51→33
04
Başa # ekle, R·G·B sırasıyla yaz
#FF5733

14 karakterlik gösterim 7 karaktere iner.

HEX’ten Rengi Tahmin Etmek

HEX’e bakarak renk hakkında fikir edinilebilir.

  • #FF5733 — R maksimum (FF), G orta (57), B düşük (33) → kırmızı ağırlıklı turuncu
  • #3576E0 — R düşük (35), G orta (76), B yüksek (E0) → hafif morumsu mavi
  • #29A85A — R düşük (29), G yüksek (A8), B düşük (5A) → ferah yeşil

Yalnızca üç bölüme bakarak “turuncu mu, mavi mi?” diye ayırt edebildiğinizde, tasarımcı ile geliştirici aynı dili konuşmaya başlar.

Tek Cümlelik Özet

  • RGB — Kırmızı, yeşil, mavi üç kanal; her biri 0–255
  • 8 bitlik ikili sistem — Bir kanalın ifade ettiği 256 değerin kaynağı
  • HEX — Aynı sayıyı iki karakterle kısaca yazmak için kullanılan gösterim

Bu üç kavram birbirine bağlandığında, renk kodları artık şifreli görünmez. RGB’nin üç sayısı, HEX’in altı karakteriyle aynıdır.

Bir sonraki adım, bu sayıları tasarımcının diline dönüştürmektir. “Biraz daha açık,” “daha az doygun” ya da “kağıtta aynısı” gibi istekler yalnızca RGB ve HEX ile karşılanması güçtür. HSL, CMYK ve OKLCH’nin bunu nasıl çözdüğü RGB yetmez: HSL, CMYK ve OKLCH renk gösterimleri yazısında devam ediyor.