สีHSL

เครื่องคิดเลข HSL

rgb(255, 0, 0)
#ff0000

ชม:

ส:

แอล:

รองรับค่าสี HSL ใน IE9+, Firefox, Chrome, Safari และ Opera 10+

HSL ย่อมาจาก hue, saturation และ lightness

ค่าสี HSL ถูกระบุด้วย:hsl(hue, saturation, lightness)

Hue คือระดับของวงล้อสีตั้งแต่ 0 ถึง 360, 0 คือสีแดง, 120 คือสีเขียว, 240 คือสีน้ำเงิน

ความอิ่มตัวเป็นค่าเปอร์เซ็นต์ 0% หมายถึงเฉดสีเทา และ 100% เป็นสีเต็ม

ความสว่างยังเป็นเปอร์เซ็นต์ 0% คือสีดำ 100% คือสีขาว

ลองด้วยตัวคุณเอง

ค่าสี HSL ได้รับการสนับสนุนในเบราว์เซอร์หลักทั้งหมด

<style>

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

</style>