ในการกำหนดสีใน CSS3 ให้ใช้ RGB, RGBA, HSL และ HSLA คุณสามารถใช้ค่าสีและค่าเลขฐานสิบหกเพื่อกำหนดสีได้ -

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

ตัวอย่าง

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

Cricketers
David Warner
David Warner
David Warner p>
สตีฟ สมิธ
มาร์ค วอห์
สตีฟ วอห์
เดวิด จอห์นสัน
แอนดี้ บิเชล

ผลลัพธ์

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

ตัวอย่าง

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

Cricketers
David Warner
สตีฟ สมิธ
มาร์ค วอห์
สตีฟ วอห์ 
เดวิด จอห์นสัน
แอนดี้ บิเชล

ผลลัพธ์

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

ตัวอย่าง

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

คริกเก็ต
เดวิด วอร์เนอร์
สตีฟ สมิธ
มาร์ค วอห์
สตีฟ วอห์
เดวิด จอห์นสัน
แอนดี้ บิเชล
 
ผลลัพธ์
 

 
 
ตัวอย่าง
 

 ตอนนี้เรามาดูวิธีตั้งค่า สีด้วยค่าฐานสิบหก −
 
Demo Heading
นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต นี่คือข้อความสาธิต 
 
ผลลัพธ์