Renk kodu nasıl çevrilir?
HEX'ten RGB'ye: # işaretinden sonraki haneler ikişer ikişer ayrılır ve her çift onaltılıktan onluğa çevrilir. #FF5733 için FF = 15×16 + 15 = 255, 57 = 5×16 + 7 = 87, 33 = 3×16 + 3 = 51; sonuç rgb(255, 87, 51). Üç haneli kısa kodda her hane iki kez yazılmış sayılır: #F53 = #FF5533. Sekiz haneli kodun son iki hanesi saydamlıktır (alfa).
RGB'den HEX'e: her kanal 16'ya bölünür; bölüm ve kalan onaltılık rakamlara (0-9, A-F) çevrilir. 255 = FF, 87 = 57, 51 = 33 olduğu için sonuç #FF5733'tür.
RGB'den HSL'ye: kanallar 0-1 aralığına getirilir. Açıklık en büyük ve en küçük kanalın ortalamasıdır; doygunluk ve ton, en büyük kanalın hangisi olduğuna göre CSS Color 4 formülüyle bulunur.
HSL'den RGB'ye: CSS Color 4'teki hslToRgb fonksiyonu her kanalı hesaplar; sonuç 255 ile çarpılıp en yakın tam sayıya yuvarlanır.
Kontrast oranı WCAG 2.1 tanımıyla hesaplanır: iki rengin göreli parlaklığından açık olanına 0,05 eklenip koyu olanına 0,05 eklenmiş değere bölünür. Normal metin için WCAG AA en az 4,5:1 ister.
Formül
- HEX → RGB
R = RR(16), G = GG(16), B = BB(16); onaltılık çift = 16 × ilk hane + ikinci hane- HEX
#RRGGBB, her kanal 00-FF (onaltılık)- Açıklık (L)
(en büyük kanal + en küçük kanal) ÷ 2- Göreli parlaklık
0,2126·R + 0,7152·G + 0,0722·B (doğrusallaştırılmış sRGB)- Kontrast oranı
(L açık + 0,05) ÷ (L koyu + 0,05)
Örnek hesap
Aşağıdaki örnek, şu değerlerle (Elindeki renk biçimi: RGB (0-255), Kırmızı (R): 255, Yeşil (G): 87, Mavi (B): 51) hesaplayıcının kendisiyle hesaplanmıştır.
| Adım | Hesap | Değer |
|---|---|---|
| HEX | her kanal iki haneli onaltılık sayıya çevrilir | #FF5733 |
| Göreli parlaklık | WCAG: 0,2126·R + 0,7152·G + 0,0722·B (doğrusal sRGB) | 0,2832 |
| Beyaz ile kontrast | (L1 + 0,05) ÷ (L2 + 0,05) | 3,15:1 |
| HEX kodu | #FF5733 |
Kaynaklar
- W3C — CSS Color Module Level 4 (sRGB, HSL dönüşümü) (erişim 31.10.2026)
- W3C — WCAG 2.1, göreli parlaklık ve kontrast oranı tanımları (erişim 31.10.2026)
Son güncelleme: (içerik ya da kullanılan verinin son değiştiği ya da kontrol edildiği tarih).
Hesaba katılmayanlar
- HEX kodu 3, 4, 6 ya da 8 onaltılık haneden oluşmalıdır; renk adları (red, navy) ve rgb() metni HEX alanına yazılamaz.
- CMYK baskı renkleri hesaplanmaz: doğru CMYK dönüşümü yazıcı ve kâğıt profiline (ICC) bağlıdır.
- Saydamlık (alfa kanalı) yalnızca gösterilir; kontrast oranı rengin opak hâli için hesaplanır. sRGB dışındaki renk uzayları (Display P3, LAB) desteklenmez.
- HSL değerleri gösterimde tam sayıya yuvarlanır; bu yüzden HSL'den geri çevirmede bir birimlik fark olabilir.
Sıkça sorulan sorular
HEX renk kodu nasıl okunur?
# işaretinden sonraki ilk iki hane kırmızı, sonraki iki hane yeşil, son iki hane mavi kanalını onaltılık olarak gösterir. FF en yüksek (255), 00 en düşük (0) değerdir.
HEX kodu RGB'ye nasıl çevrilir?
# işaretinden sonraki altı haneyi ikişerli ayır: ilk çift kırmızı, ikincisi yeşil, üçüncüsü mavidir. Her çifti onluğa çevir: ilk hane × 16 + ikinci hane (A = 10 … F = 15). #336699 için 33 = 51, 66 = 102, 99 = 153 olur.
RGB ile HSL arasındaki fark nedir?
Aynı rengi farklı biçimde anlatırlar. RGB ışık kanallarının miktarını, HSL ise rengin tonunu, ne kadar canlı olduğunu ve açıklığını verir. Tasarımda bir rengin açık ya da koyu tonunu üretmek için HSL daha pratiktir.
Kontrast oranı kaç olmalı?
WCAG 2.1 AA düzeyi normal metin için en az 4,5:1, büyük metin için 3:1 ister. AAA düzeyi normal metin için 7:1'dir. En yüksek oran siyah ile beyaz arasındaki 21:1'dir.
Kısa HEX kodu (#F53) ne demek?
Üç haneli kodda her hane iki kez yazılmış sayılır: #F53 = #FF5533 = rgb(255, 85, 51). Dört haneli kodda (#F538) son hane saydamlıktır. Hesaplayıcıya kısa kodu doğrudan yazabilirsin.