CSS Renkler

HTML sayfalarında renkleri pek çok yerde kullanırız.

Yazılarımızın rengi, sayfamızın zemin rengi, sayfa içinde kullandığımız bölümlerin renkleri CSS ile belirlenir.

CSS'de renkler 3 farklı şekilde tanımlanır:

• Geçerli bir renk adı verilerek: red(kırmızı),blue (mavi), green (yeşil) gibi
• Bir RGB değeri verilerek: rgb(255,0,0) gibi
• Bir Hex değer verilerek: #ffcc44 gibi

CSS Renk İsimleri

RGB ile CSS Renk Kullanımı

CSS ile bir renk RGB (Red,Green, Blue)(Kırmızı, Yeşil, Mavi) değeri ile de kullanılabilir.

RGB değeri rgb(kırmızı, yeşil,mavi) formülü ile hesaplanır.

RGB değeri yukarıdaki belirtilen renklerin oranlarının karıştırılması ile elde edilir.

Her renk 0-255 arasında bir değere sahip olabilir.

Örneğin gri tonlar elde etmek istersek aşağıdaki gibi bir karışım yapabiliriz:

Hex Değerler ile CSS Renk Tanımlama

HTML belgelerinde renkler aynı zamanda Hex (hexadecimal / onaltılık) olarak da belirtilebilir.

Bu yöntem en çok kullanılan yöntemdir.

Hex olarak verilen renk kodları şu formatta olur: #RRGGBB

RR (Red / Kırmızı), GG (Green / Yeşil), BB (Blue / Mavi) anlamına gelmektedir.

Onaltılık renk sisteminde en yüksek değer FF en düşük değer ise 00 olarak kullanılır.

Örneğin #FF0000 kırmızı rengi verir. Çünkü diğer kırmızı maksimum değerdeyken diğer renkler 00 değerindedir.

Yine #0000ff mavi rengi verir. Hex değerler yazarken büyük küçük yazmak sonucu değiştirmez.