ForumIRC.Com - Tekil mesaj gösterimi - CSS Renkler #1 Örneklemeler
Tekil mesaj gösterimi
Standart CSS Renkler #1 Örneklemeler #1
Back'in Zeka
Charismax - ait Kullanıcı Resmi (Avatar)
Alt 26 Nisan 2021, 01:31
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.