HSLA Değeri
HSLA renk değerleri, HSL değerine sahip bir rengin opaklığını belirleyen bir alfa kanalı ile birlikte belirtilir. Bir HSLA renk değeri aşağıdaki şekilde tanımlanır:
hsla ( ton, doygunluk , açıklık, alfa )
Alfa parametresi, 0.0 (tamamen şeffaf) ile 1.0 (hiç şeffaf değil) arasındaki bir sayıdır.
Kod:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="css renkler"> <title>CSS Renkler</title> </head> <body> <h1 style="background-color:hsla(9, 100%, 64%, 0);">hsla(9, 100%, 64%, 0)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.2);">hsla(9, 100%, 64%, 0.4)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.4);">hsla(9, 100%, 64%, 0.4)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.6);">hsla(9, 100%, 64%, 0.6)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.8);">hsla(9, 100%, 64%, 0.8)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 1);">hsla(9, 100%, 64%, 1)</h1> </body> </html>
Yukarıdaki örnekte HSLA değerleri kullanılarak farklı renk gösterimi yapılmıştır.
[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz.
HSLA renk değerleri, HSL değerine sahip bir rengin opaklığını belirleyen bir alfa kanalı ile birlikte belirtilir. Bir HSLA renk değeri aşağıdaki şekilde tanımlanır:
hsla ( ton, doygunluk , açıklık, alfa )
Alfa parametresi, 0.0 (tamamen şeffaf) ile 1.0 (hiç şeffaf değil) arasındaki bir sayıdır.
Kod:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="css renkler"> <title>CSS Renkler</title> </head> <body> <h1 style="background-color:hsla(9, 100%, 64%, 0);">hsla(9, 100%, 64%, 0)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.2);">hsla(9, 100%, 64%, 0.4)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.4);">hsla(9, 100%, 64%, 0.4)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.6);">hsla(9, 100%, 64%, 0.6)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 0.8);">hsla(9, 100%, 64%, 0.8)</h1> <h1 style="background-color:hsla(9, 100%, 64%, 1);">hsla(9, 100%, 64%, 1)</h1> </body> </html>
Yukarıdaki örnekte HSLA değerleri kullanılarak farklı renk gösterimi yapılmıştır.
[Foruma üye olmadığınız sürece forum içeriğindeki bağlantıları görüntüleyemezsiniz.
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
]