HSL เป็น RGBA

เปรียบเทียบ HSL กับ RGBA

HSL, HLS หรือ HSI (มาจากเฉดสีภาษาอังกฤษความอิ่มตัวความสว่าง (ความเข้ม)) เป็นแบบจำลองสีที่พิกัดสีคือเฉดสีความอิ่มตัวและความสว่าง ควรสังเกตว่า HSV และ HSL เป็นสีสองรุ่นที่แตกต่างกัน (ความสว่างซึ่งแตกต่างจากความสว่าง) โมเดลสี HSL ช่วยให้คุณตีความโมเดล RGB พื้นฐานในการฉายภาพของระบบพิกัดสีทรงกระบอก นักสีเชื่อว่า HSL ช่วยให้คุณระบุสีด้วยวิธีที่มนุษย์อ่านได้ง่ายกว่ารุ่น RGB ทั่วไป ตัวย่อ HSL ถูกตีความว่าเป็น Hue (สี / สี), Saturation (ความอิ่มตัว), Lightness / Luminance (ความสว่างเพื่อไม่ให้สับสนกับความสว่าง) ปัจจัยแรก (เฉดสี) ระบุพิกัดสีภายในวงล้อสี (ตั้งแต่ 0 ถึง 360 องศา) ค่าสัมประสิทธิ์ที่สอง (ความอิ่มตัว) แสดงค่าความอิ่มตัวเป็นเปอร์เซ็นต์ (จาก 0% ถึง 100%) ปัจจัยสุดท้าย (ความสว่าง) ระบุเปอร์เซ็นต์ของความสว่าง (จาก 0% ถึง 100%)

RGBA ย่อมาจาก Red Green Blue Alpha แม้ว่าบางครั้งจะเรียกว่าพื้นที่สี แต่จริงๆแล้วมันเป็นโมเดลสี RGB แบบสามช่องสัญญาณซึ่งเสริมด้วยช่องอัลฟาที่สี่ Alpha ระบุว่าแต่ละพิกเซลทึบแสงเป็นอย่างไรและช่วยให้คุณสามารถรวมภาพกับภาพอื่น ๆ โดยใช้การผสมแบบอัลฟาโดยมีพื้นที่โปร่งใสและปรับขอบของพื้นที่ทึบแสงให้เรียบ รูปแบบ RGBA คล้ายกันในรูปแบบไวยากรณ์ RGB แต่มีช่องอัลฟาที่ควบคุมความโปร่งใสขององค์ประกอบ ค่า 0 สอดคล้องกับความโปร่งใสเต็ม 1 ถึงความทึบและค่ากลางเช่น 0.5 ถึงกึ่งโปร่งใส RGBA ถูกเพิ่มใน CSS3 ดังนั้นการตรวจสอบโค้ด CSS ควรทำโดยใช้เวอร์ชันนี้ ควรสังเกตว่ามาตรฐาน CSS3 ยังอยู่ระหว่างการพัฒนาและคุณสมบัติบางอย่างในนั้นอาจมีการเปลี่ยนแปลง ตัวอย่างเช่นสี RGB ที่เพิ่มให้กับคุณสมบัติสีพื้นหลังจะได้รับการตรวจสอบความถูกต้อง แต่สีที่เพิ่มลงในคุณสมบัติพื้นหลังจะไม่มีอีกต่อไป ในเวลาเดียวกันเบราว์เซอร์เข้าใจสีของคุณสมบัติทั้งสองอย่างถูกต้อง