Mã màu RGB
Bảng mã màu RGB và bộ chọn màu. Chọn màu bằng thanh trượt hoặc nhập giá trị để lấy mã màu.
Bộ chọn màu RGB
#
0°
100%
100%
Bảng mã màu RGB
Di chuột hoặc nhấp vào màu để lấy mã hex và RGB:
Không gian màu RGB
Không gian màu RGB hay hệ màu RGB xây dựng tất cả các màu từ sự kết hợp của màu đỏ, xanh lá và xanh lam.
Định dạng & Tính toán màu RGB
Each RGB color is a 24-bit number: 8 bits for Red (bits 23–16), 8 bits for Green (bits 15–8), and 8 bits for Blue (bits 7–0).
| Red (bits 23–16) | Green (bits 15–8) | Blue (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
Ví dụ tính toán
| Color | Name | Hex | R | G | B | Decimal |
|---|---|---|---|---|---|---|
| White | #FFFFFF | 255 | 255 | 255 | 16777215 | |
| Red | #FF0000 | 255 | 0 | 0 | 16711680 | |
| Blue | #0000FF | 0 | 0 | 255 | 255 | |
| Green (Lime) | #00FF00 | 0 | 255 | 0 | 65280 | |
| Gray | #808080 | 128 | 128 | 128 | 8421504 | |
| Yellow | #FFFF00 | 255 | 255 | 0 | 16776960 |
Bảng màu RGB
Màu cơ bản
| Color | HTML/CSS Name | Hex Code #RRGGBB | Decimal Code (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) |
Extended Named Colors
| Color | Color Name | Hex Code #RRGGBB | Decimal Code R,G,B |
|---|---|---|---|
| maroon | #800000 | (128, 0, 0) | |
| dark red | #8B0000 | (139, 0, 0) | |
| brown | #A52A2A | (165, 42, 42) | |
| firebrick | #B22222 | (178, 34, 34) | |
| crimson | #DC143C | (220, 20, 60) | |
| red | #FF0000 | (255, 0, 0) | |
| tomato | #FF6347 | (255, 99, 71) | |
| coral | #FF7F50 | (255, 127, 80) | |
| indian red | #CD5C5C | (205, 92, 92) | |
| light coral | #F08080 | (240, 128, 128) | |
| dark salmon | #E9967A | (233, 150, 122) | |
| salmon | #FA8072 | (250, 128, 114) | |
| light salmon | #FFA07A | (255, 160, 122) | |
| orange red | #FF4500 | (255, 69, 0) | |
| dark orange | #FF8C00 | (255, 140, 0) | |
| orange | #FFA500 | (255, 165, 0) | |
| gold | #FFD700 | (255, 215, 0) | |
| dark golden rod | #B8860B | (184, 134, 11) | |
| golden rod | #DAA520 | (218, 165, 32) | |
| pale golden rod | #EEE8AA | (238, 232, 170) | |
| dark khaki | #BDB76B | (189, 183, 107) | |
| khaki | #F0E68C | (240, 230, 140) | |
| olive | #808000 | (128, 128, 0) | |
| yellow | #FFFF00 | (255, 255, 0) | |
| yellow green | #9ACD32 | (154, 205, 50) | |
| dark olive green | #556B2F | (85, 107, 47) | |
| olive drab | #6B8E23 | (107, 142, 35) | |
| lawn green | #7CFC00 | (124, 252, 0) | |
| chartreuse | #7FFF00 | (127, 255, 0) | |
| green yellow | #ADFF2F | (173, 255, 47) | |
| dark green | #006400 | (0, 100, 0) | |
| green | #008000 | (0, 128, 0) | |
| forest green | #228B22 | (34, 139, 34) | |
| lime | #00FF00 | (0, 255, 0) | |
| lime green | #32CD32 | (50, 205, 50) | |
| light green | #90EE90 | (144, 238, 144) | |
| pale green | #98FB98 | (152, 251, 152) | |
| dark sea green | #8FBC8F | (143, 188, 143) | |
| medium spring green | #00FA9A | (0, 250, 154) | |
| spring green | #00FF7F | (0, 255, 127) | |
| sea green | #2E8B57 | (46, 139, 87) | |
| medium aqua marine | #66CDAA | (102, 205, 170) | |
| medium sea green | #3CB371 | (60, 179, 113) | |
| light sea green | #20B2AA | (32, 178, 170) | |
| dark slate gray | #2F4F4F | (47, 79, 79) | |
| teal | #008080 | (0, 128, 128) | |
| dark cyan | #008B8B | (0, 139, 139) | |
| aqua | #00FFFF | (0, 255, 255) | |
| light cyan | #E0FFFF | (224, 255, 255) | |
| dark turquoise | #00CED1 | (0, 206, 209) | |
| turquoise | #40E0D0 | (64, 224, 208) | |
| medium turquoise | #48D1CC | (72, 209, 204) | |
| pale turquoise | #AFEEEE | (175, 238, 238) | |
| aqua marine | #7FFFD4 | (127, 255, 212) | |
| powder blue | #B0E0E6 | (176, 224, 230) | |
| cadet blue | #5F9EA0 | (95, 158, 160) | |
| steel blue | #4682B4 | (70, 130, 180) | |
| corn flower blue | #6495ED | (100, 149, 237) | |
| deep sky blue | #00BFFF | (0, 191, 255) | |
| dodger blue | #1E90FF | (30, 144, 255) | |
| light blue | #ADD8E6 | (173, 216, 230) | |
| sky blue | #87CEEB | (135, 206, 235) | |
| light sky blue | #87CEFA | (135, 206, 250) | |
| midnight blue | #191970 | (25, 25, 112) | |
| navy | #000080 | (0, 0, 128) | |
| dark blue | #00008B | (0, 0, 139) | |
| medium blue | #0000CD | (0, 0, 205) | |
| blue | #0000FF | (0, 0, 255) | |
| royal blue | #4169E1 | (65, 105, 225) | |
| blue violet | #8A2BE2 | (138, 43, 226) | |
| indigo | #4B0082 | (75, 0, 130) | |
| dark slate blue | #483D8B | (72, 61, 139) | |
| slate blue | #6A5ACD | (106, 90, 205) | |
| medium slate blue | #7B68EE | (123, 104, 238) | |
| medium purple | #9370DB | (147, 112, 219) | |
| dark magenta | #8B008B | (139, 0, 139) | |
| dark violet | #9400D3 | (148, 0, 211) | |
| dark orchid | #9932CC | (153, 50, 204) | |
| medium orchid | #BA55D3 | (186, 85, 211) | |
| purple | #800080 | (128, 0, 128) | |
| thistle | #D8BFD8 | (216, 191, 216) | |
| plum | #DDA0DD | (221, 160, 221) | |
| violet | #EE82EE | (238, 130, 238) | |
| magenta | #FF00FF | (255, 0, 255) | |
| orchid | #DA70D6 | (218, 112, 214) | |
| medium violet red | #C71585 | (199, 21, 133) | |
| pale violet red | #DB7093 | (219, 112, 147) | |
| deep pink | #FF1493 | (255, 20, 147) | |
| hot pink | #FF69B4 | (255, 105, 180) | |
| light pink | #FFB6C1 | (255, 182, 193) | |
| pink | #FFC0CB | (255, 192, 203) | |
| antique white | #FAEBD7 | (250, 235, 215) | |
| beige | #F5F5DC | (245, 245, 220) | |
| bisque | #FFE4C4 | (255, 228, 196) | |
| blanched almond | #FFEBCD | (255, 235, 205) | |
| wheat | #F5DEB3 | (245, 222, 179) | |
| corn silk | #FFF8DC | (255, 248, 220) | |
| lemon chiffon | #FFFACD | (255, 250, 205) | |
| light golden rod yellow | #FAFAD2 | (250, 250, 210) | |
| light yellow | #FFFFE0 | (255, 255, 224) | |
| saddle brown | #8B4513 | (139, 69, 19) | |
| sienna | #A0522D | (160, 82, 45) | |
| chocolate | #D2691E | (210, 105, 30) | |
| peru | #CD853F | (205, 133, 63) | |
| sandy brown | #F4A460 | (244, 164, 96) | |
| burly wood | #DEB887 | (222, 184, 135) | |
| tan | #D2B48C | (210, 180, 140) | |
| rosy brown | #BC8F8F | (188, 143, 143) | |
| moccasin | #FFE4B5 | (255, 228, 181) | |
| navajo white | #FFDEAD | (255, 222, 173) | |
| peach puff | #FFDAB9 | (255, 218, 185) | |
| misty rose | #FFE4E1 | (255, 228, 225) | |
| lavender blush | #FFF0F5 | (255, 240, 245) | |
| linen | #FAF0E6 | (250, 240, 230) | |
| old lace | #FDF5E6 | (253, 245, 230) | |
| papaya whip | #FFEFD5 | (255, 239, 213) | |
| sea shell | #FFF5EE | (255, 245, 238) | |
| mint cream | #F5FFFA | (245, 255, 250) | |
| slate gray | #708090 | (112, 128, 144) | |
| light slate gray | #778899 | (119, 136, 153) | |
| light steel blue | #B0C4DE | (176, 196, 222) | |
| lavender | #E6E6FA | (230, 230, 250) | |
| floral white | #FFFAF0 | (255, 250, 240) | |
| alice blue | #F0F8FF | (240, 248, 255) | |
| ghost white | #F8F8FF | (248, 248, 255) | |
| honeydew | #F0FFF0 | (240, 255, 240) | |
| ivory | #FFFFF0 | (255, 255, 240) | |
| azure | #F0FFFF | (240, 255, 255) | |
| snow | #FFFAFA | (255, 250, 250) | |
| black | #000000 | (0, 0, 0) | |
| dim gray | #696969 | (105, 105, 105) | |
| gray | #808080 | (128, 128, 128) | |
| dark gray | #A9A9A9 | (169, 169, 169) | |
| silver | #C0C0C0 | (192, 192, 192) | |
| light gray | #D3D3D3 | (211, 211, 211) | |
| gainsboro | #DCDCDC | (220, 220, 220) | |
| white smoke | #F5F5F5 | (245, 245, 245) | |
| white | #FFFFFF | (255, 255, 255) |