Önceden tanımlı,Çapraz tarayıcı renk isimleri
Onantılı (Hexadecimal) sayı değerleri
RGB değerleri
RGBA değerleri
HSL değerleri
HSLA değerleri
Önceden tanımlı,Çapraz tarayıcı renk isimleri
Önceden tanımlanmış toplam 140 renk adı mevcuttur. Bu renklerin başlıcaları bu yazının devamındadır, konunun akışının kesilmemesi için ise bütün CSS renk listesinin tamamı 140 adet sayfanın sonunda mevcuttur.
| Ön Tanımlı renk adları |
Elde edilecek renk |
Açıklama |
Onantılı (Hexadecimal) değeri |
RGB değeri |
Elde edilecek renk görünümü |
| aqua |
|
| #00FFFF
| rgb(0,255,255)
| |
| black |
siyah |
siyah renk kodu
| #000000
| rgb(0,0,0)
| |
| blue |
mavi |
mavi renk kodu
| #0000FF
| rgb(0,0,255)
| |
| fuchsia |
|
| #FF00FF
| rgb(255,0,255)
| |
| gray |
|
|
|
| |
| green |
yeşil |
yeşil renk kodu
| #00FF00
| rgb(0,255,0)
| |
| lime |
|
|
|
| |
| maroon |
|
|
|
| |
| navy |
|
|
|
| |
| olive |
|
|
|
| |
| orange |
turuncu |
turuncu renk kodu
|
|
| |
| pink |
pembe |
pembe renk kodu
|
|
| |
| purple |
|
|
|
| |
| red |
kırmızı |
kırmızı renk kodu
| #FF0000
| rgb(255,0,0)
| |
| silver |
|
| #C0C0C0
| rgb(192,192,192)
| |
| teal |
|
|
|
| |
| white |
beyaz |
beyaz renk kodu
| #FFFFFF
| rgb(255,255,255)
| |
| yellow |
sarı |
sarı renk kodu
| #FFFF00
| rgb(255,255,0)
| |
Onantılı (Hexadecimal) sayı değerleri
HTML de kullanıbilecek CSS renk değerlerinden bir diğeri ise Onaltılı sayı değerleridir. Bu değeri belirtirmeye başlarken ‘#’ işareti kullanır sonrasında ise 6 karakter girilebilir yada çifter basamakları aynı olan değerler için 3 karakter girilebilir.
#ff0000 değeri kırmızıyı ifade eder.
#ff0 değeri ise sarıyı ifade edecektir. Bu değeri aynı zaman da #ffff00 olarakta tanımlayabilirsiniz.
Diğer renklerin Onaltılı sayı değerlerini
buradan bulabilirsiniz.
RGB değerleri
HTML de geçerli olan CSS renk değerlerinden bir taneside RGB değerleridir, baş harf kısaltmaları ise Red,Green ve Blue nun baş harflerinden oluşmaktadır. Renk değerini RGB ile tanımlarken ‘rgb’ ifadesi ile başlanıp sonrasında parantez içinde 3 parametre verilir. Bu parametreler 0 dan 255 e kadar değerler alabilirler.
Kırmızı rengini elde etmek için verilecek RGB değeri şöyledir: rgb(255,0,0)
RGBA değerleri
RGBA değeri ise yukarıdaki RGB değerinin ek olarak donukluk değerininde verilmesidir. Bu değer Alpha Channel olarak adlandırıldığından RGB ye “A” harfi eklenerek ifade edilmektedir. RGB ye dördünce bir parametre göndererek RGBA değeri tanımlamanız öümkün olmaktadır. Alpha Channel değeri “0.0” dan “1.0” a kadardır.
Yine kırmızı renk değeri için örnek verecek olursak.
| rgb(255,0,0,0.0) |
|
| rgb(255,0,0,0.1) |
|
| rgb(255,0,0,0.7) |
|
| rgb(255,0,0,1.0) |
|
HSL değerleri
HSLA değerleri
Önceden tanımlı,Çapraz tarayıcı renk isimleri devamı
| Ön Tanımlı renk adları |
Elde edilecek renk |
Onantılı (Hexadecimal) değeri |
RGB değeri |
Elde edilecek renk görünümü |
| alice blue |
|
|
|
|
| antique white |
|
|
|
|
| aqua |
|
|
|
|
| aqua marine |
|
|
|
|
| azure |
|
|
|
|
| beige |
|
|
|
|
| bisque |
|
|
|
|
| black |
|
|
|
|
| blanched almond |
|
|
|
|
| blue |
|
|
|
|
| blue violet |
|
|
|
|
| brown |
|
|
|
|
| burly wood |
|
|
|
|
| cadet blue |
|
|
|
|
| chartreuse |
|
|
|
|
| chocolate |
|
|
|
|
| coral |
|
|
|
|
| cornflower blue |
|
|
|
|
| cornsilk |
|
|
|
|
| crimson |
|
|
|
|
| cyan |
|
|
|
|
| dark blue |
|
|
|
|
| dark cyan |
|
|
|
|
| dark golden rod |
|
|
|
|
| dark gray |
|
|
|
|
| dark green |
|
|
|
|
| dark khaki |
|
|
|
|
| dark magenta |
|
|
|
|
| dark olive green |
|
|
|
|
| dark orange |
|
|
|
|
| dark orchid |
|
|
|
|
| dark red |
|
|
|
|
| dark salmon |
|
|
|
|
| dark sea green |
|
|
|
|
| dark slate blue |
|
|
|
|
| dark slate gray |
|
#2F4F4F |
|
|
| dark turquoise |
|
|
|
|
| dark violet |
|
|
|
|
| deep pink |
|
|
|
|
| deep sky blue |
|
|
|
|
| dim gray |
|
|
|
|
| dodger blue |
|
|
|
|
| fire brick |
|
|
|
|
| floral white |
|
|
|
|
| forest green |
|
|
|
|
| fuchsia |
|
|
|
|
| gainsboro |
|
|
|
|
| ghost white |
|
#dcdcdc |
|
|
| gold |
|
|
|
|
| golden rod |
|
|
|
|
| gray |
|
|
|
|
| green |
|
|
|
|
| green yellow |
|
|
|
|
| honey dew |
|
|
|
|
| hot pink |
|
|
|
|
| indian red |
|
|
|
|
| indigo |
|
|
|
|
| ivory |
|
|
|
|
| khaki |
|
|
|
|
| lavender |
|
|
|
|
| lavender blush |
|
|
|
|
| lawn green |
|
|
|
|
| lemon chiffon |
|
|
|
|
| light blue |
|
|
|
|
| light coral |
|
|
|
|
| light cyan |
|
|
|
|
| light golden rod yellow |
|
|
|
|
| light gray |
|
|
|
|
| light green |
|
|
|
|
| light pink |
|
|
|
|
| light salmon |
|
|
|
|
| light sea green |
|
|
|
|
| light sky blue |
|
|
|
|
| light slate gray |
|
|
|
|
| light steel blue |
|
|
|
|
| light yellow |
|
|
|
|
| lime |
|
|
|
|
| lime green |
|
|
|
|
| linen |
|
|
|
|
| magenta |
|
|
|
|
| maroon |
|
|
|
|
| medium aqua marine |
|
|
|
|
| medium blue |
|
|
|
|
| medium orchid |
|
|
|
|
| medium purple |
|
|
|
|
| medium sea green |
|
|
|
|
| medium slate blue |
|
|
|
|
| medium spring green |
|
|
|
|
| medium turquoise |
|
|
|
|
| medium violet red |
|
|
|
|
| midnight blue |
|
|
|
|
| mint cream |
|
|
|
|
| misty rose |
|
|
|
|
| moccasin |
|
|
|
|
| navajo white |
|
|
|
|
| navy |
|
|
|
|
| old lace |
|
|
|
|
| olive |
|
|
|
|
| olive drab |
|
|
|
|
| orange |
|
|
|
|
| orange red |
|
|
|
|
| orchid |
|
|
|
|
| pale golden rod |
|
|
|
|
| pale green |
|
|
|
|
| pale turquoise |
|
|
|
|
| pale violet red |
|
|
|
|
| papaya whip |
|
|
|
|
| peach puff |
|
|
|
|
| peru |
|
|
|
|
| pink |
|
|
|
|
| plum |
|
|
|
|
| powder blue |
|
|
|
|
| purple |
|
|
|
|
| red |
|
|
|
|
| rosy brown |
|
|
|
|
| royal blue |
|
|
|
|
| saddle brown |
|
|
|
|
| salmon |
|
|
|
|
| sandy brown |
|
|
|
|
| sea green |
|
|
|
|
| sea shell |
|
|
|
|
| sienna |
|
|
|
|
| silver |
|
|
|
|
| sky blue |
|
|
|
|
| slate blue |
|
|
|
|
| slate gray |
|
|
|
|
| snow |
|
#fffafa |
|
|
| spring green |
|
|
|
|
| steel blue |
|
|
|
|
| tan |
|
|
|
|
| teal |
|
|
|
|
| thistle |
|
|
|
|
| tomato |
|
|
|
|
| turquoise |
|
|
|
|
| violet |
|
|
|
|
| wheat |
|
|
|
|
| white |
|
|
|
|
| white smoke |
|
|
|
|
| yellow |
|
|
|
|
| yellowgreen |
|
|
|
|
]]>