HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Warna HSL

❮ Sebelumnya Berikutnya ❯

Kalkulator HSL


 
rgb(255, 0, 0)
#ff0000

H:
S:
L:

Warna HSL

Nilai warna HSL didukung di IE9+, Firefox, Chrome, Safari, dan di Opera 10+.

HSL adalah singkatan dari Hue, Saturation, dan Lightness.

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

Warna

Hue adalah derajat pada roda warna dari 0 hingga 360. 0 adalah merah, 120 adalah hijau, 240 adalah biru.

Kejenuhan

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

Keringanan

Ringan juga merupakan persentase; 0% hitam, 100% putih.

"; } x += ""; x += ""; n = 0; for (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable"). innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( saya = 0; saya "; } x += "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; untuk (i = 0; i "; } x += "
" + i + "
"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

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>

❮ Sebelumnya Berikutnya ❯