En son web geliştirme öğreticiler
 

Colors Eğitimi


Renkler kırmızı, yeşil ve mavi ışık birleştirerek olarak görüntülenir.


Renk İsimler

CSS ile, renkler renk adlarını kullanarak ayarlanabilir:

Örnek

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Kendin dene "

CSS Renk Değerleri

CSS ile, renkler farklı şekillerde belirtilebilir:

  • Renk adlarıyla
  • RGB değerleri olarak
  • onaltılık değerler olarak
  • HSL değerleri olarak (CSS3)
  • HWB değerler olarak (CSS4)

RGB Renkleri

RGB renk değerleri tüm tarayıcılarda desteklenir.

: Bir RGB renk değeri ile belirtilir rgb(red, green, blue) .

(Kırmızı, yeşil ve mavi) Her bir parametre 0 ila 255 arasında bir tamsayı olarak renk yoğunluğu tanımlar.

Örneğin, rgb(0,0,255) mavi bir parametre en yüksek değere ayarlanır, çünkü, mavi olarak oluşturulur (255) ve diğerleri, 0 olarak ayarlanır.

Örnek

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Kendin dene "

gri tonları, genellikle 3 ışık kaynakları için eşit değerler kullanarak tanımlanmıştır:

Örnek

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Kendin dene "

onaltılık Renkler

Onaltılık renk değerleri de tüm tarayıcılarda desteklenir.

Bir onaltılık renk ile belirtilir: #kkyymm.

RR (red) , GG (green) ve BB (blue) renk yoğunluğu belirten 00 ve FF arasında onaltılı tamsayılardır.

Mavi bileşen en yüksek değere ayarlanır çünkü Örneğin, # 0000FF, mavi olarak görüntülenir (FF) ve diğerleri 00 olarak ayarlanır.

Örnek

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Kendin dene "

gri tonları, genellikle 3 ışık kaynakları için eşit değerler kullanarak tanımlanmıştır:

Örnek

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Kendin dene "

Harf veya Küçük Harf?

Sen onaltılık değerleri belirtmek için büyük harf veya küçük harf kullanabilirsiniz.

Küçük harf yazmak daha kolaydır. Büyük harf okumak daha kolaydır.


Renk İsimler

CSS 140 standart renk adlarını destekler.

Bir sonraki bölümde size onaltılık değerlerle renk adlarının tam alfabetik listesini bulacaksınız:

Renk Adı büyü Renk
AliceBlue # F0F8FF
Antika # FAEBD7
su # 00FFFF
Akuamarin # 7FFFD4
masmavi # F0FFFF
Bej # F5F5DC
sırsız porselen # FFE4C4