HTML RGB และ RGBA สี

ค่าสี RGB แสดงถึงแหล่งกำเนิดแสง RED, GREEN และ BLUE

ค่าสี RGBA เป็นส่วนขยายของ RGB ที่มีช่องอัลฟ่า (ความทึบ)

ค่าสี RGB

ใน HTML สามารถระบุสีเป็นค่า RGB ได้โดยใช้สูตรนี้:

rgb ( แดง เขียวน้ำเงิน )

พารามิเตอร์แต่ละตัว (สีแดง สีเขียว และสีน้ำเงิน) กำหนดความเข้มของสีด้วยค่าระหว่าง 0 ถึง 255

ซึ่งหมายความว่ามีสีที่เป็นไปได้ 256 x 256 x 256 = 16777216!

ตัวอย่างเช่น rgb(255, 0, 0) จะแสดงเป็นสีแดง เนื่องจากสีแดงถูกกำหนดเป็นค่าสูงสุด (255) และอีกสองค่า (สีเขียวและสีน้ำเงิน) ถูกตั้งค่าเป็น 0

อีกตัวอย่างหนึ่ง rgb(0, 255, 0) แสดงเป็นสีเขียว เนื่องจากสีเขียวถูกตั้งค่าเป็นค่าสูงสุด (255) และอีกสองค่า (สีแดงและสีน้ำเงิน) ถูกตั้งค่าเป็น 0

หากต้องการแสดงสีดำ ให้ตั้งค่าพารามิเตอร์สีทั้งหมดเป็น 0 ดังนี้: rgb(0, 0, 0)

หากต้องการแสดงสีขาว ให้ตั้งค่าพารามิเตอร์สีทั้งหมดเป็น 255 ดังนี้: rgb(255, 255, 255)

ทดลองโดยผสมค่า RGB ด้านล่าง:

โทนสีเทา

เฉดสีเทามักถูกกำหนดโดยใช้ค่าที่เท่ากันสำหรับพารามิเตอร์ทั้งสาม:

ค่าสี RGBA

ค่าสี RGBA เป็นส่วนขยายของค่าสี RGB ที่มีช่องอัลฟ่า ซึ่งระบุความทึบของสี

ค่าสี RGBA ถูกระบุด้วย:

rgba ( แดง เขียวน้ำเงิน อัลฟ่า)

พารามิเตอร์อัลฟาเป็นตัวเลขระหว่าง 0.0 (โปร่งใสทั้งหมด) ถึง 1.0 (ไม่โปร่งใสเลย):

ทดลองโดยผสมค่า RGBA ด้านล่าง: