ألوان HSL

حاسبة HSL

RGB (255 ، 0 ، 0)
# ff0000

ح:

س:

لام:

ألوان HSL

يتم دعم قيم ألوان HSL في IE9 + و Firefox و Chrome و Safari و Opera 10+.

HSL تعني تدرج اللون والتشبع والخفة.

يتم تحديد قيم ألوان HSL بـ :.hsl(hue, saturation, lightness)

مسحة

Hue هي درجة على عجلة الألوان من 0 إلى 360. 0 أحمر ، 120 أخضر ، 240 أزرق.

التشبع

التشبع هو قيمة النسبة المئوية ؛ 0٪ تعني ظل رمادي و 100٪ لون كامل.

خفة

الخفة هي أيضا نسبة؛ 0٪ أسود ، 100٪ أبيض.

"؛} x + =" "؛ x + =" ؛ n = 0 ؛ لـ (i = 0 ؛ i "؛} x + =" "؛ x + =" "؛ document.getElementById (" huetable "). innerHTML = x؛} function drawSatTable (hue) {var x، i؛ x = "" x + = ""؛ for (i = 0؛ i "؛} x + =" "؛ x + =" "؛ لـ ( أنا = 0 ؛ أنا "؛} س + ="

" + i + "

"؛ document.getElementById (" saturationtable "). innerHTML = x؛} function drawLigTable (hue) {var x، i؛ x =" "x + =" "؛ for (i = 0؛ i "؛} x + = "" ؛ x + = "" ؛ لـ (i = 0 ؛ i "؛} x + ="

" + i + "

"؛ document.getElementById (" lightnesstable "). innerHTML = x؛} drawHueTable (0)؛ drawSatTable (0)؛ drawLigTable (0)؛

جربها بنفسك

قيم ألوان HSL مدعومة في جميع المتصفحات الرئيسية.

مثال

<style>

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

</style>

❮ سابق التالي ❯

دروس الألوان

مخططات الألوان

اتجاهات اللون

معايير اللون

ألوان HSL

حاسبة HSL

ألوان HSL

مسحة

التشبع

خفة

جربها بنفسك

مثال