CSS HEX Renkleri
Onaltılık bir renk şu şekilde belirtilir: #RRGGBB, burada RR (kırmızı), GG (yeşil) ve BB (mavi) onaltılık tam sayılar rengin bileşenlerini belirtir.
HEX Değeri
CSS'de, formda onaltılık bir değer kullanılarak bir renk belirtilebilir:
# rrggbb
Burada rr (kırmızı), gg (yeşil) ve bb (mavi), 00 ve ff arasındaki onaltılık değerlerdir (ondalık 0-255 ile aynı).
Örneğin, kırmızı en yüksek değerine (ff) ve diğerleri en düşük değere (00) ayarlandığından #ff0000 kırmızı olarak görüntülenir.
Siyahı görüntülemek için tüm değerleri 00 olarak ayarlayın, bunun gibi: #000000.
Beyazı görüntülemek için, tüm değerleri şu şekilde ff olarak ayarlayın: #ffffff.
Aşağıdaki HEX değerlerini karıştırarak deney yapın:
#ff6347
KIRMIZI
YEŞİL
MAVİ
Örnek
Gri tonları genellikle 3 ışık kaynağının tümü için eşit değerler kullanılarak tanımlanır:
Örnek
3 Haneli HEX Değeri
Bazen CSS kaynağında 3 basamaklı bir hex kodu görürsünüz.
3 basamaklı onaltılık kod, bazı 6 basamaklı onaltılık kodların bir kısaltmasıdır.
3 basamaklı onaltılı kod aşağıdaki forma sahiptir:
# rgb
Burada r, g ve b, 0 ile f arasında değerlere sahip kırmızı, yeşil ve mavi bileşenleri temsil eder.
3 basamaklı onaltılı kod yalnızca her bileşen için her iki değer (RR, GG ve BB) aynı olduğunda kullanılabilir. Yani elimizde #ff00cc varsa, şu şekilde yazılabilir: #f0c.
İşte bir örnek:
Örnek
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}