คุณสมบัติสีเพิ่มเติมที่ CSS3 จัดเตรียม

CSS3 มีคุณสมบัติสีเพิ่มเติม ดังนี้:

• RGBA colors
• HSL colors
• HSLA colors

มาดูว่า HSL colors คืออะไร:

HSL ย่อมาจาก Hue (สี), Saturation (ความอิ่มตัว), Lightness (ความสว่าง) โดย Hue เป็นองศาบนวงสี saturation และ lightness เป็นค่าเปอร์เซ็นต์ 0-100%

ตัวอย่างไวยากรณ์ HSL:

#g1 { background-color: hsl(120, 100%, 50%); }
#g2 { background-color: hsl(120, 100%, 75%); }
#g3 { background-color: hsl(120, 100%, 25%); }