Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ค่าสี CSS3 RGBA, HSL และ HSLA


ค่าสี CSS3 RGBA ใช้สำหรับสีแดง สีเขียว สีฟ้า และสีอัลฟ่า อัลฟ่าคือความทึบของสี เช่น ตัวเลขระหว่าง 0.0 ถึง 1.0 ที่นี่ 1.0 จะเป็นแบบเต็มทึบ ที่นี่ เราจะเห็นความแตกต่างของความทึบที่สร้างขึ้นด้วยพารามิเตอร์ Alpha ใน RGBA -

ค่าสี CSS3 RGBA, HSL และ HSLA

ตัวอย่าง

เรามาดูตัวอย่างค่าสี RGBA กัน −

Cricketers

David Warner

David Warner

David Warner p>

สตีฟ สมิธ

มาร์ค วอห์

สตีฟ วอห์

เดวิด จอห์นสัน

แอนดี้ บิเชล

ผลลัพธ์

ค่าสี CSS3 RGBA, HSL และ HSLA

CSS3 HSL ใช้สำหรับ Hue, Saturation และ Lightness เมื่อตั้งค่าสีสำหรับองค์ประกอบ ค่าฮิวอยู่ระหว่าง 0 ถึง 260 โดยที่ 0 หรือ 360 สำหรับสีแดง 240 สำหรับสีน้ำเงิน ในขณะที่ 120 สำหรับสีเขียว ความอิ่มตัวและความสว่างเป็นค่าเปอร์เซ็นต์

ตัวอย่าง

ให้เรามาดูตัวอย่างค่าสี HSL -

Cricketers

David Warner

สตีฟ สมิธ

มาร์ค วอห์

สตีฟ วอห์

เดวิด จอห์นสัน

แอนดี้ บิเชล

ผลลัพธ์

ค่าสี CSS3 RGBA, HSL และ HSLA

ค่าสี HSLA สำหรับ Hue, Saturation, Lightness และ Alpha อัลฟ่าคือความทึบของสี เช่น ตัวเลขระหว่าง 0.0 ถึง 1.0 ในที่นี้ 0.0 คือความโปร่งใสอย่างรุนแรง ในขณะที่ 1.0 จะเป็นแบบทึบเต็ม

ตัวอย่าง

คริกเก็ต

เดวิด วอร์เนอร์

สตีฟ สมิธ

มาร์ค วอห์

สตีฟ วอห์

เดวิด จอห์นสัน

แอนดี้ บิเชล

ผลลัพธ์

ค่าสี CSS3 RGBA, HSL และ HSLA