เครื่องคิดเลข HSL
rgb (255, 0, 0)
FF0000 #
H:
S:
L:
สี HSL
ค่าสี HSL รับการสนับสนุนใน IE9 +, Firefox, Chrome, Safari และ Opera ใน 10+
HSL ยืนสำหรับสี, ความอิ่มตัวและความสว่าง
ค่าสี HSL ที่ระบุไว้ด้วย: hsl( hue , saturation , lightness )
สี
เว้เป็นระดับบนวงล้อสีจาก 0 ถึง 360 0 คือสีแดง, สีเขียว 120, 240 เป็นสีฟ้า
ความอิ่มตัว
อิ่มตัวเป็นค่าเปอร์เซ็นต์; 0% หมายความว่าร่มเงาของสีเทาและ 100% เป็นสีเต็มรูปแบบ
ความสว่าง
ความสว่างยังเป็นเปอร์เซ็นต์; 0% เป็นสีดำ 100% เป็นสีขาว
ลองตัวเอง
ค่าสี HSL รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
ตัวอย่าง
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
ลองตัวเอง»