CSS สี RGB

RGB ค่า

ใน CSS สามารถใช้สูตรด้านล่างนี้เพื่อกำหนดสีในรูปแบบ RGB ได้:

rgb(red, green, blue)

ตัวเลข (red、green และ blue) กำหนดความรุนแรงของสีในระยะ 0 ถึง 255

ตัวอย่างเช่น rgb(255, 0, 0) จะแสดงเป็นสีแดง เพราะสีแดงถูกตั้งเป็นค่าสูงสุด (255) ในขณะที่ค่าอื่นถูกตั้งเป็น 0

เพื่อแสดงสีดำ โปรดตั้งค่าแต่ละตัวเลขสีทั้งสามให้เท่ากับ 0 ตามตัวอย่างด้านล่าง: rgb(0, 0, 0)

เพื่อแสดงสีขาว โปรดตั้งค่าแต่ละตัวเลขสีทั้งสามให้เท่ากัน 255 ตามตัวอย่างด้านล่าง: rgb(255, 255, 255)

โปรดทดลองผสมค่า RGB ต่อไปนี้:

　

RED

255

GREEN

0

BLUE

0

ตัวอย่าง

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

ทดลองด้วยตัวเอง

โดยทั่วไปจะใช้ค่าที่เท่ากันสำหรับทั้งสามแหล่งแสงเพื่อกำหนดเงาที่มีสีเทา:

ตัวอย่าง

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

ทดลองด้วยตัวเอง

RGBA ค่า

RGBA สีค่าเป็นการขยาย RGB สีที่มีช่องเปลืองสี - มันกำหนดความมืดของสี

การกำหนดค่าสี RGBA

rgba(red, green, blue, alpha)

alpha ตัวเลขที่ใช้ในประมาณ 0.0 (สีแบบและสีสัมผัส) ถึง 1.0 (ไม่มีสีและสีสัมผัส):

กรุณาทดลองผสม RGBA ต่อไปนี้:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

ตัวอย่าง

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

ทดลองด้วยตัวเอง