SELAMAT DATANG DI BLOG KAMI
<< ASEP HILMAN >> << ASEP HILMAN >>

Warna HSL

Warna HSL.

HSL adalah singkatan dari hue, saturation dan lightness. Untuk menggunakan warna HSL, Anda memakai fungsi hsl() dengan sintaksis hsl(hue, saturation, lightness). Parameter hue adalah derajat pada lingkaran warna (color wheel) antara 0 dan 360. Warna merah adalah angka 0 atau 360, hijau adalah angka 120 dan biru adalah angka 240.
Parameter saturation merupakan nilai persentase antara 0% dan 100%. Nilai 0% membuat warna menjadi pudar dan menghasilkan warna abu-abu (gray), sedangkan nilai 100% adalah warna murni (full color). Parameter lightness adalah juga nilai persentase antara 0% dan 100%. Nilai 0% adalah warna hitam, sedangkan nilai 100% adalah warna putih. Berikut ini adalah contoh penggunaan warna HSL dengan atribut color CSS.
<!DOCTYPE html>
<html>
<head>
<title>Warna HSL</title>
</head>
<body>
<p style="color:hsl(0, 100%, 50%);">Tulisan paragraf berwarna merah.</p>
<p style="color:hsl(120, 100%, 50%);">Tulisan paragraf berwarna hijau.</p>
<p style="color:hsl(240, 100%, 50%);">Tulisan paragraf berwarna biru.</p>
</body>
</html>



Warna HSL


Tulisan paragraf berwarna merah.
Tulisan paragraf berwarna hijau.
Tulisan paragraf berwarna biru.

HALAMAN

POPULAR POST