tutorial pengembangan web terbaru
 

Colors HSL


Kalkulator HSL


rgb (255, 0, 0)
ff0000 #


H:
S:
L:

Warna HSL

nilai warna HSL didukung dalam IE9 +, Firefox, Chrome, Safari, dan Opera 10 +.

HSL singkatan hue, saturation, dan ringan.

Nilai warna HSL ditentukan dengan: hsl( hue , saturation , lightness ) .


Warna

Hue adalah gelar pada roda warna dari 0 sampai 360. 0 adalah merah, 120 hijau, 240 biru.


Kejenuhan

Saturasi adalah nilai persentase; 0% berarti warna abu-abu dan 100% adalah penuh warna.


Keringanan

Lightness juga persentase; 0% hitam, 100% adalah putih.


Cobalah sendiri

nilai warna HSL didukung di semua browser utama.

Contoh

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

Cobalah sendiri "