Warna HSLA

Warna HSLA.

Warna HSLA merupakan ekstensi atau perluasan dari warna HSL dengan penambahan parameter alpha. Untuk menggunakan warna HSLA ini, Anda memakai fungsi hsla() dengan sintaksis hsla(hue, saturation, lightness, alpha). Parameter alpha adalah opasitas untuk obyek warna dengan nilai antara 0.0 (transparan) dan 1.0 (pekat). Berikut ini adalah contoh penggunaan warna HSLA dengan atribut color CSS.
<!DOCTYPE html>
<html>
<head>
<title>Warna HSLA</title>
</head>
<body>
<p style="color:hsl(240, 100%, 50%, 1.0);">Menggunakan warna HSLA CSS.</p>
<p style="color:hsl(240, 100%, 50%, 0.8);">Menggunakan warna HSLA CSS.</p>
<p style="color:hsl(240, 100%, 50%, 0.6);">Menggunakan warna HSLA CSS.</p>
<p style="color:hsl(240, 100%, 50%, 0.4);">Menggunakan warna HSLA CSS.</p>
<p style="color:hsl(240, 100%, 50%, 0.2);">Menggunakan warna HSLA CSS.</p>
<p style="color:hsl(240, 100%, 50%, 0.0);">Menggunakan warna HSLA CSS.</p>
</body>
</html>



Warna HSLA


Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.
Menggunakan warna HSLA CSS.

HALAMAN

POPULAR POST