Hex - RGB Dönüştürücü
Onaltılık renk kodunu kırmızı, yeşil ve mavi RGB bileşenlerine çevir.
Tasarım dosyasında karşına çıkan #FF5733 kodunu yazılım projende rgb(255, 87, 51) biçiminde kullanman gerekebilir. Farklı yazım kurallarına sahip olsalar da bu iki gösterim de aynı canlı turuncu-kırmızı tonu temsil eder.
Hex renk kodlarının matematiksel mantığı
Bir onaltılık renk kodu, başında yer alan # işaretinden sonra üç karakter çiftine ayrılır: kırmızı, yeşil ve mavi. Onaltılık tabandaki her bir çift 00 ile FF arasında bir büyüklük taşır; bu da geleneksel onluk sistemde 0 ile 255 aralığına denk gelir. Örneğin #FF5733 ele alındığında ilk çift olan FF değeri 255, ikinci çift olan 57 değeri 87 ve son çift olan 33 değeri 51 sayısını verir. Böylece kırmızı 255, yeşil 87 ve mavi 51 bileşenlerinden oluşan sıcak bir renk ortaya çıkar.
Renk kanallarının her biri diğerlerinden bağımsız biçimde hesaplanır. Kurulan bu sistem sayesinde kodun yapısına bakarak rengin yaklaşık görünümünü kestirmek mümkündür: FF seviyesine yakın ikililer o renk kanalının en yüksek yoğunlukta katıldığını, 00 seviyesine yakın değerler ise o kanalın rengi neredeyse hiç etkilemediğini gösterir.
Hex ve RGB renk dönüşüm örnekleri
| Hex | Kırmızı | Yeşil | Mavi | Renk |
|---|---|---|---|---|
| #FF5733 | 255 | 87 | 51 | Turuncu-kırmızı |
| #2E86AB | 46 | 134 | 171 | Petrol mavisi |
| #FFFFFF | 255 | 255 | 255 | Beyaz |
| #000000 | 0 | 0 | 0 | Siyah |
| #00FF00 | 0 | 255 | 0 | Saf yeşil |
Hex kodunu RGB değerlerine çevirme adımları
- Eğik çizgi veya
#işaretiyle ya da doğrudan işaretsiz biçimde renk kodunu giriş alanına yaz. - Dönüştürme butonuna basarak işlemin sunucu tarafında çalışmasını sağla.
- Ayrıştırılan kırmızı, yeşil ve mavi kanallarına ait sayısal sonuçları ekrandan incele.
- Projelerinde kullanmak üzere elde ettiğin 0 ile 255 arasındaki bileşen değerlerini kopyala.
Üç basamaklı kısaltılmış hex gösterimi
CSS sözdiziminde bazen #FFF gibi 3 basamaklı kısa kodlar tercih edilir. Bu gösterimde her karakter kendi içinde iki kez yinelenerek 6 basamaklı tam koda genişletilir. Dolayısıyla #FFF ifadesi doğrudan #FFFFFF yapısına açılır.
Kısaltma kuralı yalnızca her bir çiftin iki karakteri de birbiriyle eşleştiğinde geçerli olur. Bu sebeple #FF5733 gibi farklı basamaklar içeren bir kod kısaltılamazken, #00FF00 kodu rahatlıkla #0F0 biçiminde yazılabilir.
Hex ve RGB dönüşümü hakkında sorular
Hex kodundaki karakter çiftleri ne anlama gelir?
İlk iki karakter kırmızı, ortadaki iki karakter yeşil ve son iki karakter mavi renk kanalını temsil eder. Onaltılık tabanda 00 en düşük yoğunluğu, FF ise en yüksek yoğunluğu simgeler ve bu değerler onluk sistemde 0 ile 255 arasındaki sayılara karşılık gelir.
Üç basamaklı hex kodları nasıl çözümlenir?
Her basamak çiftlenerek okunur; örneğin #FFF kodu #FFFFFF şeklini alırken #0A3 kodu #00AA33 değerine dönüşür. Bu yöntem sadece basamak çiftleri aynı olan renklerde kullanılabilir.
Küçük harfle yazılan #ff5733 ile büyük harfli #FF5733 aynı mıdır?
Evet, onaltılık tabandaki harfler büyük ya da küçük yazıldığında aynı sayısal değere işaret eder. Dolayısıyla büyük veya küçük harf kullanımı renk sonucunu değiştirmez.
Tam beyaz ve tam siyahın RGB karşılıkları nelerdir?
Tüm kanalların en yüksek seviyede olduğu durum rgb(255, 255, 255) yani beyazdır. Kanalların sıfırlandığı rgb(0, 0, 0) durumu ise siyahtır. Her üç kanal eşit sayılarda tutulduğunda bu iki uç arasında gri tonlar elde edilir.
Saydamlık içeren 8 basamaklı hex kodları işlenebilir mi?
İlk 6 basamak kırmızı, yeşil ve mavi kanallarına ayrılır. Son iki basamak ise rengin kendisini değil, opaklık oranını belirten alfa kanalını temsil eder.