ตัวแปลง HEX เป็น HSL
HSL อธิบายสีด้วยมุมเฉดสีและเปอร์เซ็นต์ความอิ่มตัวกับความสว่าง การแปลงเริ่มจากอ่าน HEX เป็น RGB แล้วปรับแต่ละช่องให้อยู่ในช่วง 0–1
ตัวอย่างพร้อมวิธีคำนวณ
- ข้อมูลเข้า
- #336699
- ผลลัพธ์
- hsl(210, 50%, 40%)
- การคำนวณ
- max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°
หลักการแปลง
หาช่อง RGB ที่ปรับแล้วซึ่งมากที่สุดและน้อยที่สุด ค่ากึ่งกลางให้ความสว่าง ผลต่างกำหนดความอิ่มตัว และช่องสูงสุดกำหนดส่วนของเฉดสี
ข้อควรทราบ
HSL สะดวกต่อการสร้างสีแปรผัน แต่ความสว่าง HSL ที่เท่ากันไม่รับประกันความสว่างที่รับรู้หรือคอนทราสต์ที่เข้าถึงได้เท่ากัน