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:
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.
gri tonları, genellikle 3 ışık kaynakları için eşit değerler kullanarak tanımlanmıştır:
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 |