แปลง HSL เป็น HSV

ทั้ง HSL และ HSV เริ่มต้นด้วยเฉดสีซึ่งเป็นมุมบนวงล้อสี และอธิบายส่วนที่เหลือของสีด้วยเปอร์เซ็นต์สองค่าเหมือนกัน แต่เปอร์เซ็นต์เหล่านั้นมีความหมายต่างกัน ใน HSL ความสว่าง 50% คือสีบริสุทธิ์ และ 100% คือสีขาวเสมอ ส่วนใน HSV หรือที่เรียกว่า HSB ค่า 100% คือเฉดสีในแบบที่สว่างที่สุด และสีขาวคือค่า 100% กับความอิ่มตัว 0% ความอิ่มตัวก็คำนวณต่างกันด้วย จึงคัดลอกตัวเลขข้ามกันตรง ๆ ไม่ได้

ด้วยเหตุนี้ สีที่เขียนใน CSS ว่า hsl(120, 100%, 25%) ซึ่งคือสี Green ของ CSS จึงต้องใส่ในตัวเลือกสี HSV เป็น hsv(120, 100%, 50%) ใช้ตัวแปลงนี้เมื่อย้ายสีจากโค้ดเว็บไปยัง Photoshop, Figma, Blender หรือโค้ดประมวลผลภาพที่ใช้ HSV เฉดสีจะคงเดิม มีเพียงความอิ่มตัวและค่าที่สามที่เปลี่ยนไป