HTML/CSS geçerli renk kodları ve adları (HTML/CSS valid color/colour codes and names)

HTML içinde kullanılan CSS renkleri için geçerli kullanılabilecek renk kodları ve renk isimleri değerleri aşağıdaki gibidir. Bu konuda renklerin nasıl oluşturulabileceği ve nasıl kullanılacağını göreceğiz. HTML renk kodları olarak tarif edilse de aslında CSS renk kodları demek CSS işlemlerinde bu renklerin ortaya çıkmasından dolayı daha uygun olur.

  • Ö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
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
spring green
steel blue
tan
teal
thistle
tomato
turquoise
violet
wheat
white
white smoke
yellow
yellowgreen
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*