HTML CSS JAVASCRIPT ANGULAR

HTML Renk


HTML Belgelerinde Renk Kullanımı

HTML belgelerinde renkler adları, RGB değerleri veya HEX değerleri ile kullanılırlar.


HTML Renk Adları

HTML 140 rengi ingilizce adları ile destekler. HTML belgelerinde renkler adları ile şu şekilde kullanılabilir:

Örnek

RenkAd
 Sarı (Yellow)
 Portakal Rengi (Orange)
 Kırmızı (Red)
 Yeşil (Green)
 YeşilSarı (GreenYellow)
 Mavi (Blue)

Kendin Dene »

Not: HTML renklerinin adları ile kullanımı önerilen bir yöntem değildir.

HTML Renkleri genelde Hex kodları ile kullanılır.

Bu kodları nasıl aklımda tutayım diye düşünmenize gerek yok.

Hex kodları gelişmiş HTML editörler içinden kolayca seçilebilmekte.


Renkleri RGB Değeri İle Kullanmak

HTML'de 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 rgb(0,0,255) mavi rengi verir. Çünkü kırmızı ve yeşil 0 değerine sahiptir.

Siyah bir renk elde etmek istiyorsanız rgb(0,0,0) şeklinde tüm değerleri 0 vermelisiniz.

Beyaz elde etmek istiyorsanız tüm renkleri maksimum değerleri ile karıştırmalısınız. rgb(255, 255, 255) beyaz rengi verir.

Bu değerler ile oynayarak farklı renkler elde edebilirsiniz.

Örnek

RenkRGB
 rgb(255,0,0)
 rgb(255,255,0)
 rgb(0,255,0)
 rgb(25,75,150))
 rgb(125,75,250)

Kendin Dene »


Renkleri HEX Değeri İle Kullanmak

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.

Örnek

RenkHEX Kodu
 #FF0000
 #FFFF00
 #00FF00
 #00FFFF
 #0000FF

Kendin Dene »

 


Anlamadığınız bir konu mu var?

Konu ile ilgili sorunuzu uzmanim.net'e sorabilirsiniz: uzmanim.net'e sor!