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

Цвета HSL

❮ Предыдущий Следующий ❯

HSL-калькулятор


 
RGB(255, 0, 0)
#ff0000

ЧАС:
С:
Л:

Цвета HSL

Цветовые значения HSL поддерживаются в IE9+, Firefox, Chrome, Safari и Opera 10+.

HSL означает оттенок, насыщенность и легкость.

Значения цвета HSL указываются с помощью: .hsl(hue, saturation, lightness)

оттенок

Оттенок — это степень на цветовом круге от 0 до 360. 0 — красный, 120 — зеленый, 240 — синий.

Насыщенность

Насыщенность — это процентное значение; 0% означает оттенок серого, а 100% — полный цвет.

Легкость

Легкость тоже в процентах; 0% — черный, 100% — белый.

"; } 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 ( я = 0; я "; } х += "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; х += ""; для (я = 0; я "; } х += "
" + i + "
"; document.getElementById("таблица яркости").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

Попробуй сам

Цветовые значения HSL поддерживаются во всех основных браузерах.

Пример

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

❮ Предыдущий Следующий ❯