ForumIRC.Com

ForumIRC.Com (https://www.forumirc.com/)
-   HTML - CSS (https://www.forumirc.com/html-css/)
-   -   CSS Renkler #1 Örneklemeler (https://www.forumirc.com/html-css/417-css-renkler-1-orneklemeler.html)

Charismax 26 Nisan 2021 01:31

CSS Renkler #1 Örneklemeler
 
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.

https://i.hizliresim.com/nb974m.jpg


Forum saati GMT +3 olarak seçilmiştir.
Şuanki saat: 19:15.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.