HEX kodu RGB'ye elle nasıl çevrilir?
HEX kodu altı onaltılık basamaktan oluşur ve ikişerli üç gruba ayrılır: kırmızı, yeşil, mavi. Her grup 0-255 arası bir sayıdır. Örneğin #367DA5: 36 = 3 × 16 + 6 = 54, 7D = 7 × 16 + 13 = 125, A5 = 10 × 16 + 5 = 165. Sonuç rgb(54, 125, 165) olur. Onaltılık sistemde A = 10, B = 11, C = 12, D = 13, E = 14, F = 15'tir. Üç basamaklı kısa yazımda (#F80) her basamak iki kez yazılır: #FF8800.
Sık kullanılan renklerin kodları
| Renk | HEX | RGB | HSL |
|---|---|---|---|
| Siyah | #000000 | 0, 0, 0 | 0°, %0, %0 |
| Beyaz | #FFFFFF | 255, 255, 255 | 0°, %0, %100 |
| Kırmızı | #FF0000 | 255, 0, 0 | 0°, %100, %50 |
| Türk bayrağı kırmızısı | #E30A17 | 227, 10, 23 | 356°, %92, %46 |
| Yeşil (CSS green) | #008000 | 0, 128, 0 | 120°, %100, %25 |
| Mavi | #0000FF | 0, 0, 255 | 240°, %100, %50 |
| Lacivert (navy) | #000080 | 0, 0, 128 | 240°, %100, %25 |
| Turuncu (orange) | #FFA500 | 255, 165, 0 | 39°, %100, %50 |
| Altın sarısı (gold) | #FFD700 | 255, 215, 0 | 51°, %100, %50 |
| Mor (purple) | #800080 | 128, 0, 128 | 300°, %100, %25 |
| Gri (gray) | #808080 | 128, 128, 128 | 0°, %0, %50 |
| Gümüş (silver) | #C0C0C0 | 192, 192, 192 | 0°, %0, %75 |
Türk bayrağı kırmızısı için verilen #E30A17, bayrak kırmızısının ekranda ve web'de yaygın olarak kullanılan karşılığıdır; baskıda renk, kâğıt ve mürekkebe göre farklı görünebilir.
Hangi gösterimi ne zaman kullanmalı?
- HEX: Web sitelerinde, CSS'te ve tasarım programlarında renk paylaşmanın en kısa yolu.
- RGB: Ekranların rengi ürettiği biçimdir; saydamlık gerektiğinde rgba(54, 125, 165, 0.5) gibi dördüncü bir değer eklenir.
- HSL: Rengin tonunu koruyup açmak ya da koyulaştırmak için en kolayıdır; bir düğmenin üzerine gelince rengini %10 koyulaştırmak için yalnızca L değeri düşürülür.
- CMYK: Matbaa baskısında kullanılır ve bu araçta yoktur; ekran renkleri (RGB) baskıda her zaman birebir elde edilemez, bu yüzden baskı işlerinde matbaanın renk profiline bakılmalıdır.
Sık Sorulan Sorular
HEX renk kodu nedir?
HEX, kırmızı/yeşil/mavi (RGB) bileşenlerini 00-FF arasında onaltılık sayılarla ifade eden, CSS ve tasarım araçlarında en yaygın kullanılan renk gösterimidir; örneğin #367DA5.
RGB ile HSL arasındaki fark nedir?
RGB rengi kırmızı, yeşil, mavi ışık miktarlarıyla tanımlar. HSL ise aynı rengi ton (hue), doygunluk (saturation) ve parlaklık (lightness) olarak tanımlar; bir rengi koyulaştırıp açmak istediğinde HSL'de sadece lightness değerini değiştirmek yeterlidir.
İlgili araçlar
Diğer geliştirici araçları için Teknik ve Mühendislik sayfasına, piksel/DPI hesaplama için Piksel, CM ve DPI Hesaplama sayfasına, sosyal medya görsel boyutları için Sosyal Medya Görsel Boyutları Hesaplama sayfasına bakabilirsin.