CSS3 มีคุณสมบัติสีเพิ่มเติมดังนี้ -
- สี RGBA
- สี HSL
- สี HSLA
มาดูกันว่าสี HSL คืออะไร:
HSL ย่อมาจาก hue , ความอิ่มตัว , ความเบา . ในที่นี้ Huge คือระดับของวงล้อสี ความอิ่มตัวและความสว่างเป็นค่าเปอร์เซ็นต์ระหว่าง 0 ถึง 100%
ไวยากรณ์ตัวอย่างของ HSL ดังแสดงด้านล่าง:
#g1 {background-color: hsl(120, 100%, 50%);}
#g2 {background-color: hsl(120, 100%, 75%);}
#g3 {background-color: hsl(120, 100%, 25%);} 