รหัสสี RGB
แผนภูมิรหัสสี RGB และตัวเลือกสี เลือกสีโดยใช้แถบเลื่อนหรือป้อนรหัสฐานสิบหก วางเมาส์เหนือแผนภูมิสีเพื่อดูค่าฐานสิบหกและ RGB
ตัวเลือกสี RGB
#
0°
100%
100%
แผนภูมิรหัสสี RGB
วางเมาส์หรือคลิกบนสีเพื่อรับรหัสฐานสิบหกและ RGB:
ปริภูมิสี RGB
ปริภูมิสี RGB หรือระบบสี RGB สร้างสีทั้งหมดจากการผสมของสีแดง เขียว และน้ำเงิน แต่ละองค์ประกอบใช้ 8 บิตด้วยค่าจำนวนเต็มตั้งแต่ 0 ถึง 255 ทำให้เกิดสีที่เป็นไปได้ 256×256×256 = 16,777,216 สี พิกเซลแต่ละจุดในจอ LED แสดงสีในลักษณะนี้ โดยการผสมไฟ LED สีแดง เขียว และน้ำเงิน เมื่อพิกเซลถูกตั้งเป็น 0 ไฟ LED จะดับ ที่ 255 จะติดสว่างเต็มที่
รูปแบบและการคำนวณสี RGB
สี RGB แต่ละสีเป็นเลขขนาด 24 บิต: 8 บิตสำหรับสีแดง (บิต 23–16), 8 บิตสำหรับสีเขียว (บิต 15–8) และ 8 บิตสำหรับสีน้ำเงิน (บิต 7–0)
| แดง (bits 23–16) | เขียว (bits 15–8) | น้ำเงิน (bits 7–0) | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 7 | 6 | 5 | 4 | 3 | 2 | 1 | 0 | 7 | 6 | 5 | 4 | 3 | 2 | 1 | 0 | 7 | 6 | 5 | 4 | 3 | 2 | 1 | 0 |
| R7 | R6 | R5 | R4 | R3 | R2 | R1 | R0 | G7 | G6 | G5 | G4 | G3 | G2 | G1 | G0 | B7 | B6 | B5 | B4 | B3 | B2 | B1 | B0 |
Formula: RGB = (R × 65536) + (G × 256) + B
ตัวอย่างการคำนวณ
| สี | ชื่อ | Hex | R | G | B | ฐานสิบ |
|---|---|---|---|---|---|---|
| ขาว | #FFFFFF | 255 | 255 | 255 | 16777215 | |
| แดง | #FF0000 | 255 | 0 | 0 | 16711680 | |
| น้ำเงิน | #0000FF | 0 | 0 | 255 | 255 | |
| เขียวมะนาว | #00FF00 | 0 | 255 | 0 | 65280 | |
| เทา | #808080 | 128 | 128 | 128 | 8421504 | |
| เหลือง | #FFFF00 | 255 | 255 | 0 | 16776960 |
ตารางสี RGB
สีพื้นฐาน
| สี | ชื่อ | ชื่อ HTML/CSS | รหัสฐานสิบหก #RRGGBB | รหัสฐานสิบ (R,G,B) |
|---|---|---|---|---|
| ดำ | black | #000000 | (0, 0, 0) | |
| ขาว | white | #FFFFFF | (255, 255, 255) | |
| แดง | red | #FF0000 | (255, 0, 0) | |
| เขียวมะนาว | lime | #00FF00 | (0, 255, 0) | |
| น้ำเงิน | blue | #0000FF | (0, 0, 255) | |
| เหลือง | yellow | #FFFF00 | (255, 255, 0) | |
| ฟ้าน้ำทะเล | cyan | #00FFFF | (0, 255, 255) | |
| ม่วงแดง | magenta | #FF00FF | (255, 0, 255) | |
| เงิน | silver | #C0C0C0 | (192, 192, 192) | |
| เทา | gray | #808080 | (128, 128, 128) | |
| แดงเลือดหมู | maroon | #800000 | (128, 0, 0) | |
| เขียวมะกอก | olive | #808000 | (128, 128, 0) | |
| เขียว | green | #008000 | (0, 128, 0) | |
| ม่วง | purple | #800080 | (128, 0, 128) | |
| เขียวน้ำทะเล | teal | #008080 | (0, 128, 128) | |
| น้ำเงินเข้ม | navy | #000080 | (0, 0, 128) |
สีที่มีชื่อแบบขยาย
| สี | ชื่อสี | รหัสฐานสิบหก #RRGGBB | รหัสฐานสิบ (R,G,B) |
|---|---|---|---|
| แดงเลือดหมู | #800000 | (128, 0, 0) | |
| แดงเข้ม | #8B0000 | (139, 0, 0) | |
| น้ำตาล | #A52A2A | (165, 42, 42) | |
| แดงอิฐ | #B22222 | (178, 34, 34) | |
| แดงเลือดนก | #DC143C | (220, 20, 60) | |
| แดง | #FF0000 | (255, 0, 0) | |
| แดงมะเขือเทศ | #FF6347 | (255, 99, 71) | |
| ส้มปะการัง | #FF7F50 | (255, 127, 80) | |
| แดงอินเดีย | #CD5C5C | (205, 92, 92) | |
| ปะการังอ่อน | #F08080 | (240, 128, 128) | |
| แซลมอนเข้ม | #E9967A | (233, 150, 122) | |
| สีแซลมอน | #FA8072 | (250, 128, 114) | |
| แซลมอนอ่อน | #FFA07A | (255, 160, 122) | |
| ส้มแดง | #FF4500 | (255, 69, 0) | |
| ส้มเข้ม | #FF8C00 | (255, 140, 0) | |
| ส้ม | #FFA500 | (255, 165, 0) | |
| ทอง | #FFD700 | (255, 215, 0) | |
| ทองเข้ม | #B8860B | (184, 134, 11) | |
| ทองเหลือง | #DAA520 | (218, 165, 32) | |
| ทองซีด | #EEE8AA | (238, 232, 170) | |
| กากีเข้ม | #BDB76B | (189, 183, 107) | |
| กากี | #F0E68C | (240, 230, 140) | |
| เขียวมะกอก | #808000 | (128, 128, 0) | |
| เหลือง | #FFFF00 | (255, 255, 0) | |
| เขียวเหลือง | #9ACD32 | (154, 205, 50) | |
| เขียวมะกอกเข้ม | #556B2F | (85, 107, 47) | |
| เขียวมะกอกหม่น | #6B8E23 | (107, 142, 35) | |
| เขียวสนามหญ้า | #7CFC00 | (124, 252, 0) | |
| เขียวชาร์เทรอส | #7FFF00 | (127, 255, 0) | |
| เขียวเหลือง | #ADFF2F | (173, 255, 47) | |
| เขียวเข้ม | #006400 | (0, 100, 0) | |
| เขียว | #008000 | (0, 128, 0) | |
| เขียวป่า | #228B22 | (34, 139, 34) | |
| เขียวมะนาว | #00FF00 | (0, 255, 0) | |
| เขียวมะนาว | #32CD32 | (50, 205, 50) | |
| เขียวอ่อน | #90EE90 | (144, 238, 144) | |
| เขียวซีด | #98FB98 | (152, 251, 152) | |
| เขียวทะเลเข้ม | #8FBC8F | (143, 188, 143) | |
| เขียวสปริงกลาง | #00FA9A | (0, 250, 154) | |
| เขียวสปริง | #00FF7F | (0, 255, 127) | |
| เขียวทะเล | #2E8B57 | (46, 139, 87) | |
| อความารีนกลาง | #66CDAA | (102, 205, 170) | |
| เขียวทะเลกลาง | #3CB371 | (60, 179, 113) | |
| เขียวทะเลอ่อน | #20B2AA | (32, 178, 170) | |
| เทาชนวนเข้ม | #2F4F4F | (47, 79, 79) | |
| เขียวน้ำทะเล | #008080 | (0, 128, 128) | |
| ฟ้าน้ำทะเลเข้ม | #008B8B | (0, 139, 139) | |
| ฟ้าน้ำทะเล | #00FFFF | (0, 255, 255) | |
| ฟ้าน้ำทะเลอ่อน | #E0FFFF | (224, 255, 255) | |
| เทอร์ควอยซ์เข้ม | #00CED1 | (0, 206, 209) | |
| เทอร์ควอยซ์ | #40E0D0 | (64, 224, 208) | |
| เทอร์ควอยซ์กลาง | #48D1CC | (72, 209, 204) | |
| เทอร์ควอยซ์ซีด | #AFEEEE | (175, 238, 238) | |
| อความารีน | #7FFFD4 | (127, 255, 212) | |
| ฟ้าผงแป้ง | #B0E0E6 | (176, 224, 230) | |
| ฟ้านักเรียนนายร้อย | #5F9EA0 | (95, 158, 160) | |
| ฟ้าเหล็ก | #4682B4 | (70, 130, 180) | |
| ฟ้าดอกข้าวโพด | #6495ED | (100, 149, 237) | |
| ฟ้าท้องฟ้าเข้ม | #00BFFF | (0, 191, 255) | |
| ฟ้าดอดเจอร์ | #1E90FF | (30, 144, 255) | |
| ฟ้าอ่อน | #ADD8E6 | (173, 216, 230) | |
| สีฟ้าท้องฟ้า | #87CEEB | (135, 206, 235) | |
| สีฟ้าท้องฟ้าอ่อน | #87CEFA | (135, 206, 250) | |
| สีน้ำเงินเที่ยงคืน | #191970 | (25, 25, 112) | |
| น้ำเงินเข้ม | #000080 | (0, 0, 128) | |
| สีน้ำเงินเข้ม | #00008B | (0, 0, 139) | |
| สีน้ำเงินปานกลาง | #0000CD | (0, 0, 205) | |
| น้ำเงิน | #0000FF | (0, 0, 255) | |
| สีน้ำเงินรอยัล | #4169E1 | (65, 105, 225) | |
| สีน้ำเงินม่วง | #8A2BE2 | (138, 43, 226) | |
| สีคราม | #4B0082 | (75, 0, 130) | |
| สีน้ำเงินหินชนวนเข้ม | #483D8B | (72, 61, 139) | |
| สีน้ำเงินหินชนวน | #6A5ACD | (106, 90, 205) | |
| สีน้ำเงินหินชนวนปานกลาง | #7B68EE | (123, 104, 238) | |
| สีม่วงปานกลาง | #9370DB | (147, 112, 219) | |
| สีม่วงแดงเข้ม | #8B008B | (139, 0, 139) | |
| สีม่วงเข้ม | #9400D3 | (148, 0, 211) | |
| สีม่วงกล้วยไม้เข้ม | #9932CC | (153, 50, 204) | |
| สีม่วงกล้วยไม้ปานกลาง | #BA55D3 | (186, 85, 211) | |
| ม่วง | #800080 | (128, 0, 128) | |
| สีม่วงทิสเซิล | #D8BFD8 | (216, 191, 216) | |
| สีม่วงพลัม | #DDA0DD | (221, 160, 221) | |
| สีม่วง | #EE82EE | (238, 130, 238) | |
| ม่วงแดง | #FF00FF | (255, 0, 255) | |
| สีม่วงกล้วยไม้ | #DA70D6 | (218, 112, 214) | |
| สีแดงม่วงปานกลาง | #C71585 | (199, 21, 133) | |
| สีแดงม่วงซีด | #DB7093 | (219, 112, 147) | |
| สีชมพูเข้ม | #FF1493 | (255, 20, 147) | |
| สีชมพูสด | #FF69B4 | (255, 105, 180) | |
| สีชมพูอ่อน | #FFB6C1 | (255, 182, 193) | |
| สีชมพู | #FFC0CB | (255, 192, 203) | |
| สีขาวโบราณ | #FAEBD7 | (250, 235, 215) | |
| สีเบจ | #F5F5DC | (245, 245, 220) | |
| สีบิสก์ | #FFE4C4 | (255, 228, 196) | |
| สีอัลมอนด์ลวก | #FFEBCD | (255, 235, 205) | |
| สีข้าวสาลี | #F5DEB3 | (245, 222, 179) | |
| สีไหมข้าวโพด | #FFF8DC | (255, 248, 220) | |
| สีเลมอนชิฟฟอน | #FFFACD | (255, 250, 205) | |
| สีเหลืองโกลเดนร็อดอ่อน | #FAFAD2 | (250, 250, 210) | |
| สีเหลืองอ่อน | #FFFFE0 | (255, 255, 224) | |
| สีน้ำตาลอานม้า | #8B4513 | (139, 69, 19) | |
| สีน้ำตาลเซียนนา | #A0522D | (160, 82, 45) | |
| สีช็อกโกแลต | #D2691E | (210, 105, 30) | |
| สีน้ำตาลเปรู | #CD853F | (205, 133, 63) | |
| สีน้ำตาลทราย | #F4A460 | (244, 164, 96) | |
| สีน้ำตาลไม้ | #DEB887 | (222, 184, 135) | |
| สีแทน | #D2B48C | (210, 180, 140) | |
| สีน้ำตาลชมพู | #BC8F8F | (188, 143, 143) | |
| สีม็อกคาซิน | #FFE4B5 | (255, 228, 181) | |
| สีขาวนาวาโฮ | #FFDEAD | (255, 222, 173) | |
| สีพีชพัฟ | #FFDAB9 | (255, 218, 185) | |
| สีชมพูหมอก | #FFE4E1 | (255, 228, 225) | |
| สีชมพูลาเวนเดอร์ | #FFF0F5 | (255, 240, 245) | |
| สีลินิน | #FAF0E6 | (250, 240, 230) | |
| สีลูกไม้เก่า | #FDF5E6 | (253, 245, 230) | |
| สีมะละกอ | #FFEFD5 | (255, 239, 213) | |
| สีเปลือกหอย | #FFF5EE | (255, 245, 238) | |
| สีครีมมิ้นต์ | #F5FFFA | (245, 255, 250) | |
| สีเทาหินชนวน | #708090 | (112, 128, 144) | |
| สีเทาหินชนวนอ่อน | #778899 | (119, 136, 153) | |
| สีน้ำเงินเหล็กอ่อน | #B0C4DE | (176, 196, 222) | |
| สีลาเวนเดอร์ | #E6E6FA | (230, 230, 250) | |
| สีขาวดอกไม้ | #FFFAF0 | (255, 250, 240) | |
| สีฟ้าอลิซ | #F0F8FF | (240, 248, 255) | |
| สีขาวหม่น | #F8F8FF | (248, 248, 255) | |
| สีเขียวน้ำผึ้ง | #F0FFF0 | (240, 255, 240) | |
| สีงาช้าง | #FFFFF0 | (255, 255, 240) | |
| สีฟ้าอมเขียว | #F0FFFF | (240, 255, 255) | |
| สีขาวหิมะ | #FFFAFA | (255, 250, 250) | |
| ดำ | #000000 | (0, 0, 0) | |
| สีเทาหม่น | #696969 | (105, 105, 105) | |
| เทา | #808080 | (128, 128, 128) | |
| สีเทาเข้ม | #A9A9A9 | (169, 169, 169) | |
| เงิน | #C0C0C0 | (192, 192, 192) | |
| สีเทาอ่อน | #D3D3D3 | (211, 211, 211) | |
| สีเทาเกนส์โบโร | #DCDCDC | (220, 220, 220) | |
| สีขาวควัน | #F5F5F5 | (245, 245, 245) | |
| ขาว | #FFFFFF | (255, 255, 255) |