แปลง HEX เป็น HSL

HEX คือวิธีเขียนสีใน CSS และเครื่องมือออกแบบ ประกอบด้วยเครื่องหมาย # ตามด้วยเลขฐานสิบหกสามคู่สำหรับสีแดง เขียว และน้ำเงิน ส่วน HSL อธิบายสีเดียวกันตามแบบที่คนนึกถึงสี คือเฉดสีเป็นมุมบนวงล้อสีตั้งแต่ 0 ถึง 360° และความอิ่มตัวกับความสว่างเป็นเปอร์เซ็นต์

การแปลงเป็น HSL สะดวกเมื่อต้องการสีหนึ่งในหลายรูปแบบ คงเฉดสีไว้แล้วเปลี่ยนความสว่างเพื่อให้ได้เฉดที่อ่อนลงหรือเข้มขึ้นสำหรับสถานะตอนวางเมาส์ พื้นหลัง และเส้นขอบ เบราว์เซอร์เข้าใจทั้งสองรูปแบบ เช่น hsl(342, 100%, 62%) วางรหัสสามหรือหกหลักจะมีหรือไม่มีเครื่องหมาย # ก็ได้ แล้วคัดลอกผลลัพธ์ hsl() โดยมีค่า RGB, HSV และ CMYK แสดงด้วย