Hex, onaltılık renk anlamına gelir. Onaltılık bir renk şu şekilde belirtilir: #RRGGBB; burada RR (kırmızı), GG (yeşil) ve BB (mavi) onaltılık tamsayılar rengin bileşenlerini belirtir.
HEX Renk Değerleri
HTML’de bir renk, aşağıdaki biçimde onaltılık bir değer kullanılarak belirtilebilir:
#rrggbb
Burada rr (kırmızı), gg (yeşil) ve bb (mavi), 00 ile ff arasındaki onaltılık değerlerdir (0-255 ondalık sayıyla aynı).
Örneğin #ff0000 kırmızı olarak görüntülenir çünkü kırmızı en yüksek değerine (ff) ve diğer ikisi (yeşil ve mavi) 00’a ayarlanmıştır.
Başka bir örnek, #00ff00 yeşil olarak görüntülenir çünkü yeşil en yüksek değere (ff) ve diğer ikisi (kırmızı ve mavi) 00’a ayarlanmıştır.
Siyahı görüntülemek için tüm renk parametreleri 00 olarak girilir: #000000.
Beyazı görüntülemek için tüm renk parametreleri ff olarak girilir: #ffffff.
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>
</body>
</html>
HTML Hex Gri Tonları
Grinin tonları genellikle üç parametrenin tümü için eşit değerler girilerek oluşturulur:
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>
</body>
</html>
