แปลง HSL เป็น RGBA

HSL และ RGBA มาจากวิธีคิดเรื่องสีที่ต่างกัน HSL กำหนดสีด้วยเฉดสี ความอิ่มตัว และความสว่าง ทำให้ออกแบบชุดเฉดสีที่เกี่ยวข้องกันได้ง่าย ส่วน RGBA กำหนดด้วยค่าช่องสีแดง เขียว และน้ำเงินตั้งแต่ 0 ถึง 255 บวกช่องอัลฟาสำหรับความทึบแสง ซึ่งเป็นรูปแบบที่ไลบรารี JavaScript โค้ดวาดบน canvas เครื่องมือสร้างกราฟ และโค้ด CSS รุ่นเก่าจำนวนมากต้องการ

ตัวแปลงจะเปลี่ยนค่า HSL ของคุณเป็น rgba() โดยตั้งอัลฟาไว้ที่ 1 ซึ่งหมายถึงทึบทั้งหมด แก้ตัวเลขสุดท้ายเพื่อให้โปร่งใส 0.8 สำหรับแผงที่โปร่งแสงเล็กน้อย 0.3 สำหรับเลเยอร์ทับบนรูปภาพ และ 0 สำหรับมองไม่เห็น เคล็ดลับ: ใน CSS สมัยใหม่ คุณใส่อัลฟาให้ HSL ได้โดยตรง เช่น hsl(160 60% 45% / 0.3) แต่ rgba() ปลอดภัยกว่าเมื่อไลบรารีหรือเทมเพลตอีเมลไม่รองรับไวยากรณ์ใหม่