HTML Renk Kodu Dönüştürücü
Tasarımcılar için HEX kodunu RGB'ye veya görsel paletten HEX'e çeviren anında renk aracı.
RGB ve diğer değerler sağdaki alanda anında güncellenecektir.
Renk Detayları
- CSS (RGB) Modeli rgb(13, 110, 253)
- Renk Önizlemesi
HTML Renk Kodları Nedir? HEX, RGB ve HSL Formatları Nelerdir?
Web tasarımında ve dijital grafik üretiminde renklerin tarayıcılar (Chrome, Safari, Firefox vb.) tarafından doğru şekilde görüntülenmesini sağlamak için sayısal ve alfasayısal kodlama sistemleri kullanılır. Bu sistemler genel olarak HTML renk kodları olarak adlandırılır. İnternetteki her pikselin rengi, bu standart kodlarla ifade edilir. Web tasarımcıları, front-end geliştiriciler ve grafik tasarımcılar için renk formatları (HEX, RGB, HSL) arasındaki dönüşümleri bilmek ve uygulamak iş akışının en temel parçalarından biridir.
En Çok Kullanılan HTML Renk Formatları
Web tarayıcılarının tanıdığı ve CSS style dosyalarında sıkça kullandığımız üç temel renk kodlama biçimi şunlardır:
- HEX (Hexadecimal - Onaltılık) Kodları: En yaygın kullanılan formattır. Diyez işareti (#) ile başlar ve ardından gelen 6 karakterden (0-9 rakamları ve A-F harfleri) oluşur. İlk iki hane Kırmızı (Red), sonraki iki hane Yeşil (Green) ve son iki hane Mavi (Blue) renk yoğunluğunu temsil eder. Örneğin;
#FFFFFFsaf beyazı,#000000saf siyahı,#FF0000ise parlak kırmızıyı temsil eder. - RGB (Red, Green, Blue) Formatı: Ekranların renkleri oluşturma mantığına dayanır. Kırmızı, yeşil ve mavi kanallarının her biri için 0 ile 255 arasında bir yoğunluk değeri atanır. Format
rgb(R, G, B)şeklindedir. Örneğin; saf kırmızırgb(255, 0, 0)olarak yazılır. Saydamlık eklenmek istendiğinde RGBA formatırgba(R, G, B, A)şeklinde kullanılır; buradaki "A" (Alpha) 0.0 ile 1.0 arasında saydamlık belirtir. - HSL (Hue, Saturation, Lightness) Formatı: İnsan gözünün renkleri algılama biçimine en yakın formattır. Hue (Renk Özü - 0-360 derece arası renk çemberi değeri), Saturation (Doygunluk - %0 ile %100 arası) ve Lightness (Aydınlık/Işık - %0 ile %100 arası) değerlerini alır. Örneğin;
hsl(0, 100%, 50%)kırmızı rengi tanımlar.
HEX Kodu RGB Formatına Nasıl Dönüştürülür?
HEX formatındaki 16'lık sayı tabanı değerlerini, 10'luk sayı tabanındaki RGB formatına çevirmek için matematiksel bir işlem uygulanır. Diyez işaretinden sonraki her renk çifti (RR, GG, BB) ayrı ayrı dönüştürülür:
Örnek HEX Kodu: #3A86C8
- Kırmızı (3A): (3 x 16) + (A yani 10 x 1) = 48 + 10 = 58
- Yeşil (86): (8 x 16) + (6 x 1) = 128 + 6 = 134
- Mavi (C8): (C yani 12 x 16) + (8 x 1) = 192 + 8 = 200
RGB Sonucu: rgb(58, 134, 200)
Hesaplama aracımız bu karmaşık matematiksel dönüşümleri arka planda saniyeler içinde yaparak renk seçiciden seçtiğiniz veya girdiğiniz rengin HEX ve RGB değerlerini eş zamanlı olarak size sunar.
Sıkça Sorulan Sorular (SSS)
Web safe renkler, eski dönemlerde 8 bit (256 renk) ekran kartı kullanan bilgisayarların renkleri bozulmadan gösterebilmesi için belirlenmiş 216 adet standart renkten oluşur. Günümüz ekran teknolojilerinde milyarlarca renk desteği (True Color 24/32 bit) bulunduğundan, web safe renk kısıtlamasının günümüzde herhangi bir teknik önemi kalmamıştır.
Web Content Accessibility Guidelines (WCAG) standartlarına göre, görme zorluğu yaşayan kullanıcıların web sitenizdeki yazıları rahatça okuyabilmesi için yazı rengi ile arka plan rengi arasında belirli bir kontrast oranının (en az 4.5:1) bulunması gerekir. Doğru renk kodlarını seçerek erişilebilir web siteleri tasarlayabilirsiniz.
CMYK (Cyan, Magenta, Yellow, Key/Black), matbaa ve baskı işlerinde kullanılan fiziksel mürekkep bazlı bir renk modelidir. HTML, CSS ve web tarayıcıları ekran tabanlı (RGB) çalıştığı için CMYK formatındaki kodları doğrudan yorumlayamaz. Web tasarımı için CMYK renklerin RGB veya HEX karşılıklarına dönüştürülmesi şarttır.