{"id":8025,"date":"2024-11-16T14:50:55","date_gmt":"2024-11-16T07:50:55","guid":{"rendered":"https:\/\/trungvu.net\/?p=8025"},"modified":"2024-11-16T21:05:08","modified_gmt":"2024-11-16T14:05:08","slug":"bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website","status":"publish","type":"post","link":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/","title":{"rendered":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website"},"content":{"rendered":"\n

S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet. \u1ede b\u00e0i vi\u1ebft n\u00e0y, TVN xin gi\u1edbi thi\u1ec7u cho b\u1ea1n nh\u1eefng b\u1ea3ng m\u00e3 m\u00e0u \u0111\u1eb9p v\u00e0 th\u00f4ng d\u1ee5ng nh\u1ea5t, k\u00e8m theo m\u00e3 hex \u0111\u1ec3 c\u00e1c b\u1ea1n ti\u1ec7n d\u00f9ng.<\/p>\n\n\n\n

B\u1ea3ng m\u00e0u CSS c\u00f3 t\u00ean<\/h2>\n\n\n\n

Danh s\u00e1ch d\u01b0\u1edbi \u0111\u00e2y c\u00f3 kho\u1ea3ng h\u01a1n 140 m\u00e0u s\u1eafc c\u00f3 t\u00ean<\/strong> \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/strong>trong thi\u1ebft k\u1ebf website. Ch\u00fang t\u00f4i chia nh\u00f3m theo s\u1eafc \u0111\u1ec3 b\u1ea1n d\u1ec5 d\u00e0ng t\u00ecm ki\u1ebfm m\u00e0u m\u00ecnh mu\u1ed1n.<\/p>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u H\u1ed3ng (Pink)<\/h3>\n\n\n\n

B\u1ea3ng m\u00e0u CSS c\u00f3 t\u00ean<\/h2>\n\n\n\n

Danh s\u00e1ch d\u01b0\u1edbi \u0111\u00e2y c\u00f3 kho\u1ea3ng h\u01a1n 140 m\u00e0u s\u1eafc c\u00f3 t\u00ean<\/strong> \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/strong>trong thi\u1ebft k\u1ebf website. Ch\u00fang t\u00f4i chia nh\u00f3m theo s\u1eafc \u0111\u1ec3 b\u1ea1n d\u1ec5 d\u00e0ng t\u00ecm ki\u1ebfm m\u00e0u m\u00ecnh mu\u1ed1n.<\/p>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u H\u1ed3ng (Pink)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Pink<\/td>#FFC0CB<\/td> <\/mark> <\/mark><\/td><\/tr>
LightPink<\/td>#FFB6C1<\/td> <\/mark><\/td><\/tr>
HotPink<\/td>#FF69B4<\/td> <\/mark><\/td><\/tr>
DeepPink<\/td>#FF1493<\/td> <\/mark><\/td><\/tr>
PaleVioletRed<\/td>#DB7093<\/td> <\/mark><\/td><\/tr>
MediumVioletRed<\/td>#C71585<\/td> <\/mark><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u T\u00edm (Purple)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Lavender<\/td>#E6E6FA<\/td><\/td><\/tr>
Thistle<\/td>#D8BFD8<\/td><\/td><\/tr>
Plum<\/td>#DDA0DD<\/td><\/td><\/tr>
Orchid<\/td>#DA70D6<\/td><\/td><\/tr>
Violet<\/td>#EE82EE<\/td><\/td><\/tr>
Fuchsia\/Magenta<\/td>#FF00FF<\/td><\/td><\/tr>
MediumOrchid<\/td>#BA55D3<\/td><\/td><\/tr>
DarkOrchid<\/td>#9932CC<\/td><\/td><\/tr>
DarkViolet<\/td>#9400D3<\/td><\/td><\/tr>
BlueViolet<\/td>#8A2BE2<\/td><\/td><\/tr>
DarkMagenta<\/td>#8B008B<\/td><\/td><\/tr>
Purple<\/td>#800080<\/td><\/td><\/tr>
MediumPurple<\/td>#9370DB<\/td><\/td><\/tr>
MediumSlateBlue<\/td>#7B68EE<\/td><\/td><\/tr>
SlateBlue<\/td>#6A5ACD<\/td><\/td><\/tr>
DarkSlateBlue<\/td>#483D8B<\/td><\/td><\/tr>
RebeccaPurple<\/td>#663399<\/td><\/td><\/tr>
Indigo<\/td>#4B0082<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u \u0110\u1ecf (Red)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
LightSalmon<\/td>#FFA07A<\/td><\/td><\/tr>
Salmon<\/td>#FA8072<\/td><\/td><\/tr>
DarkSalmon<\/td>#E9967A<\/td><\/td><\/tr>
LightCoral<\/td>#F08080<\/td><\/td><\/tr>
IndianRed<\/td>#CD5C5C<\/td><\/td><\/tr>
Crimson<\/td>#DC143C<\/td><\/td><\/tr>
Red<\/td>#FF0000<\/td><\/td><\/tr>
FireBrick<\/td>#B22222<\/td><\/td><\/tr>
DarkRed<\/td>#8B0000<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u Cam (Orange)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Orange<\/td>#FFA500<\/td><\/td><\/tr>
DarkOrange<\/td>#FF8C00<\/td><\/td><\/tr>
Coral<\/td>#FF7F50<\/td><\/td><\/tr>
Tomato<\/td>#FF6347<\/td><\/td><\/tr>
OrangeRed<\/td>#FF4500<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u V\u00e0ng (Yellow)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Gold<\/td>#FFD700<\/td><\/td><\/tr>
Yellow<\/td>#FFFF00<\/td><\/td><\/tr>
LightYellow<\/td>#FFFFE0<\/td><\/td><\/tr>
LemonChiffon<\/td>#FFFACD<\/td><\/td><\/tr>
LightGoldenRodYellow<\/td>#FAFAD2<\/td><\/td><\/tr>
PapayaWhip<\/td>#FFEFD5<\/td><\/td><\/tr>
Moccasin<\/td>#FFE4B5<\/td><\/td><\/tr>
PeachPuff<\/td>#FFDAB9<\/td><\/td><\/tr>
PaleGoldenRod<\/td>#EEE8AA<\/td><\/td><\/tr>
Khaki<\/td>#F0E68C<\/td><\/td><\/tr>
DarkKhaki<\/td>#BDB76B<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u Xanh l\u00e1 c\u00e2y (Green)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
GreenYellow<\/td>#ADFF2F<\/td><\/td><\/tr>
Chartreuse<\/td>#7FFF00<\/td><\/td><\/tr>
LawnGreen<\/td>#7CFC00<\/td><\/td><\/tr>
Lime<\/td>#00FF00<\/td><\/td><\/tr>
LimeGreen<\/td>#32CD32<\/td><\/td><\/tr>
PaleGreen<\/td>#98FB98<\/td><\/td><\/tr>
LightGreen<\/td>#90EE90<\/td><\/td><\/tr>
MediumSpringGreen<\/td>#00FA9A<\/td><\/td><\/tr>
SpringGreen<\/td>#00FF7F<\/td><\/td><\/tr>
MediumSeaGreen<\/td>#3CB371<\/td><\/td><\/tr>
SeaGreen<\/td>#2E8B57<\/td><\/td><\/tr>
ForestGreen<\/td>#228B22<\/td><\/td><\/tr>
Green<\/td>#008000<\/td><\/td><\/tr>
DarkGreen<\/td>#006400<\/td><\/td><\/tr>
YellowGreen<\/td>#9ACD32<\/td><\/td><\/tr>
OliveDrab<\/td>#6B8E23<\/td><\/td><\/tr>
DarkOliveGreen<\/td>#556B2F<\/td><\/td><\/tr>
MediumAquaMarine<\/td>#66CDAA<\/td><\/td><\/tr>
DarkSeaGreen<\/td>#8FBC8F<\/td><\/td><\/tr>
LightSeaGreen<\/td>#20B2AA<\/td><\/td><\/tr>
DarkCyan<\/td>#008B8B<\/td><\/td><\/tr>
Teal<\/td>#008080<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u Xanh Cyan (Cyan)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Aqua<\/td>#00FFFF<\/td><\/td><\/tr>
Cyan<\/td>#00FFFF<\/td><\/td><\/tr>
LightCyan<\/td>#E0FFFF<\/td><\/td><\/tr>
PaleTurquoise<\/td>#AFEEEE<\/td><\/td><\/tr>
Aquamarine<\/td>#7FFFD4<\/td><\/td><\/tr>
Turquoise<\/td>#40E0D0<\/td><\/td><\/tr>
MediumTurquoise<\/td>#48D1CC<\/td><\/td><\/tr>
DarkTurquoise<\/td>#00CED1<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u Xanh da tr\u1eddi (Blue)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
CadetBlue<\/td>#5F9EA0<\/td><\/td><\/tr>
SteelBlue<\/td>#4682B4<\/td><\/td><\/tr>
LightSteelBlue<\/td>#B0C4DE<\/td><\/td><\/tr>
LightBlue<\/td>#ADD8E6<\/td><\/td><\/tr>
PowderBlue<\/td>#B0E0E6<\/td><\/td><\/tr>
LightSkyBlue<\/td>#87CEFA<\/td><\/td><\/tr>
SkyBlue<\/td>#87CEEB<\/td><\/td><\/tr>
CornflowerBlue<\/td>#6495ED<\/td><\/td><\/tr>
DeepSkyBlue<\/td>#00BFFF<\/td><\/td><\/tr>
DodgerBlue<\/td>#1E90FF<\/td><\/td><\/tr>
RoyalBlue<\/td>#4169E1<\/td><\/td><\/tr>
Blue<\/td>#0000FF<\/td><\/td><\/tr>
MediumBlue<\/td>#0000CD<\/td><\/td><\/tr>
DarkBlue<\/td>#00008B<\/td><\/td><\/tr>
Navy<\/td>#000080<\/td><\/td><\/tr>
MidnightBlue<\/td>#191970<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u N\u00e2u (Brown)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Cornsilk<\/td>#FFF8DC<\/td><\/td><\/tr>
BlanchedAlmond<\/td>#FFEBCD<\/td><\/td><\/tr>
Bisque<\/td>#FFE4C4<\/td><\/td><\/tr>
NavajoWhite<\/td>#FFDEAD<\/td><\/td><\/tr>
Wheat<\/td>#F5DEB3<\/td><\/td><\/tr>
BurlyWood<\/td>#DEB887<\/td><\/td><\/tr>
Tan<\/td>#D2B48C<\/td><\/td><\/tr>
RosyBrown<\/td>#BC8F8F<\/td><\/td><\/tr>
SandyBrown<\/td>#F4A460<\/td><\/td><\/tr>
GoldenRod<\/td>#DAA520<\/td><\/td><\/tr>
DarkGoldenRod<\/td>#B8860B<\/td><\/td><\/tr>
Peru<\/td>#CD853F<\/td><\/td><\/tr>
Chocolate<\/td>#D2691E<\/td><\/td><\/tr>
Olive<\/td>#808000<\/td><\/td><\/tr>
SaddleBrown<\/td>#8B4513<\/td><\/td><\/tr>
Sienna<\/td>#A0522D<\/td><\/td><\/tr>
Brown<\/td>#A52A2A<\/td><\/td><\/tr>
Maroon<\/td>#800000<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u Tr\u1eafng (White)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
White<\/td>#FFFFFF<\/td><\/td><\/tr>
Snow<\/td>#FFFAFA<\/td><\/td><\/tr>
HoneyDew<\/td>#F0FFF0<\/td><\/td><\/tr>
MintCream<\/td>#F5FFFA<\/td><\/td><\/tr>
Azure<\/td>#F0FFFF<\/td><\/td><\/tr>
AliceBlue<\/td>#F0F8FF<\/td><\/td><\/tr>
GhostWhite<\/td>#F8F8FF<\/td><\/td><\/tr>
WhiteSmoke<\/td>#F5F5F5<\/td><\/td><\/tr>
SeaShell<\/td>#FFF5EE<\/td><\/td><\/tr>
Beige<\/td>#F5F5DC<\/td><\/td><\/tr>
OldLace<\/td>#FDF5E6<\/td><\/td><\/tr>
FloralWhite<\/td>#FFFAF0<\/td><\/td><\/tr>
Ivory<\/td>#FFFFF0<\/td><\/td><\/tr>
AntiqueWhite<\/td>#FAEBD7<\/td><\/td><\/tr>
Linen<\/td>#FAF0E6<\/td><\/td><\/tr>
LavenderBlush<\/td>#FFF0F5<\/td><\/td><\/tr>
MistyRose<\/td>#FFE4E1<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u00e0u s\u1eafc g\u1ea7n m\u00e0u X\u00e1m (Grey)<\/h3>\n\n\n\n
T\u00caN M\u00c0U<\/th>M\u00c3 HEX<\/th>M\u00c0U HI\u1ec2N TH\u1eca<\/th><\/tr>
Gainsboro<\/td>#DCDCDC<\/td><\/td><\/tr>
LightGray<\/td>#D3D3D3<\/td><\/td><\/tr>
Silver<\/td>#C0C0C0<\/td><\/td><\/tr>
DarkGray<\/td>#A9A9A9<\/td><\/td><\/tr>
DimGray<\/td>#696969<\/td><\/td><\/tr>
Gray<\/td>#808080<\/td><\/td><\/tr>
LightSlateGray<\/td>#778899<\/td><\/td><\/tr>
SlateGray<\/td>#708090<\/td><\/td><\/tr>
DarkSlateGray<\/td>#2F4F4F<\/td><\/td><\/tr>
Black<\/td>#000000<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

B\u1ea3ng m\u00e0u theo s\u1eafc th\u00e1i<\/h2>\n\n\n\n

S\u1eafc \u0110en – X\u00e1m<\/h3>\n\n\n\n
Gray Shades<\/th>HEX<\/th>RGB<\/th><\/tr>
HTML Black<\/td>#000000<\/td>rgb(0,0,0)<\/td><\/tr>
<\/td>#080808<\/td>rgb(8,8,8)<\/td><\/tr>
<\/td>#101010<\/td>rgb(16,16,16)<\/td><\/tr>
<\/td>#181818<\/td>rgb(24,24,24)<\/td><\/tr>
<\/td>#202020<\/td>rgb(32,32,32)<\/td><\/tr>
<\/td>#282828<\/td>rgb(40,40,40)<\/td><\/tr>
<\/td>#303030<\/td>rgb(48,48,48)<\/td><\/tr>
<\/td>#383838<\/td>rgb(56,56,56)<\/td><\/tr>
<\/td>#404040<\/td>rgb(64,64,64)<\/td><\/tr>
<\/td>#484848<\/td>rgb(72,72,72)<\/td><\/tr>
<\/td>#505050<\/td>rgb(80,80,80)<\/td><\/tr>
<\/td>#585858<\/td>rgb(88,88,88)<\/td><\/tr>
<\/td>#606060<\/td>rgb(96,96,96)<\/td><\/tr>
<\/td>#686868<\/td>rgb(104,104,104)<\/td><\/tr>
<\/td>#696969<\/td>rgb(105,105,105)<\/td><\/tr>
<\/td>#707070<\/td>rgb(112,112,112)<\/td><\/tr>
<\/td>#787878<\/td>rgb(120,120,120)<\/td><\/tr>
HTML Gray<\/td>#808080<\/td>rgb(128,128,128)<\/td><\/tr>
<\/td>#888888<\/td>rgb(136,136,136)<\/td><\/tr>
<\/td>#909090<\/td>rgb(144,144,144)<\/td><\/tr>
<\/td>#989898<\/td>rgb(152,152,152)<\/td><\/tr>
<\/td>#A0A0A0<\/td>rgb(160,160,160)<\/td><\/tr>
<\/td>#A8A8A8<\/td>rgb(168,168,168)<\/td><\/tr>
HTML DarkGray !!!<\/td>#A9A9A9<\/td>rgb(169,169,169)<\/td><\/tr>
<\/td>#B0B0B0<\/td>rgb(176,176,176)<\/td><\/tr>
<\/td>#B8B8B8<\/td>rgb(184,184,184)<\/td><\/tr>
X11 Gray<\/td>#BEBEBE<\/td>rgb(190,190,190)<\/td><\/tr>
HTML Silver<\/td>#C0C0C0<\/td>rgb(192,192,192)<\/td><\/tr>
<\/td>#C8C8C8<\/td>rgb(200,200,200)<\/td><\/tr>
<\/td>#D0D0D0<\/td>rgb(208,208,208)<\/td><\/tr>
HTML LightGray<\/td>#D3D3D3<\/td>rgb(211,211,211)<\/td><\/tr>
<\/td>#D8D8D8<\/td>rgb(216,216,216)<\/td><\/tr>
HTML Gainsboro<\/td>#DCDCDC<\/td>rgb(220,220,220)<\/td><\/tr>
<\/td>#E0E0E0<\/td>rgb(224,224,224)<\/td><\/tr>
<\/td>#E8E8E8<\/td>rgb(232,232,232)<\/td><\/tr>
<\/td>#F0F0F0<\/td>rgb(240,240,240)<\/td><\/tr>
HTML WhiteSmoke<\/td>#F5F5F5<\/td>rgb(245,245,245)<\/td><\/tr>
<\/td>#F8F8F8<\/td>rgb(248,248,248)<\/td><\/tr>
HTML White<\/td>#FFFFFF<\/td>rgb(255,255,255)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

C\u00f3 m\u1ed9t \u0111i\u1ec1u b\u1ea5t th\u01b0\u1eddng trong b\u1ea3ng tr\u00ean l\u00e0 HTML Gray t\u1ed1i h\u01a1n DarkGray.<\/p>\n\n\n\n

L\u00fd do c\u1ee7a vi\u1ec7c n\u00e0y l\u00e0 do t\u00ean m\u00e0u c\u1ee7a HTML\/CSS \u0111\u01b0\u1ee3c k\u1ebf th\u1eeba t\u1eeb ti\u00eau chu\u1ea9n X11. Tuy nhi\u00ean, HTML\/CSS th\u00ec x\u00e1c \u0111\u1ecbnh m\u00e0u x\u00e1m (gray) n\u1eb1m \u1edf thang (128,128,128) c\u00f2n X11 th\u00ec x\u00e1c \u0111\u1ecbnh \u1edf v\u1ecb tr\u00ed (190,190,190), g\u1ea7n v\u1edbi m\u00e0u b\u1ea1c h\u01a1n. B\u1ea1n ch\u1ec9 c\u1ea7n l\u01b0u \u00fd vi\u1ec7c n\u00e0y n\u1ebfu s\u1eed d\u1ee5ng t\u00ean c\u1ee7a m\u00e0u s\u1eafc<\/strong> v\u00e0o thi\u1ebft k\u1ebf c\u1ee7a m\u00ecnh.<\/p>\n\n\n\n

S\u1eafc \u0110\u1ecf<\/h3>\n\n\n\n
Red Light<\/th>HEX<\/th>RGB<\/th><\/tr>
<\/td>#000000<\/td>rgb(0,0,0)<\/td><\/tr>
<\/td>#080000<\/td>rgb(8,0,0)<\/td><\/tr>
<\/td>#100000<\/td>rgb(16,0,0)<\/td><\/tr>
<\/td>#180000<\/td>rgb(24,0,0)<\/td><\/tr>
<\/td>#200000<\/td>rgb(32,0,0)<\/td><\/tr>
<\/td>#280000<\/td>rgb(40,0,0)<\/td><\/tr>
<\/td>#300000<\/td>rgb(48,0,0)<\/td><\/tr>
<\/td>#380000<\/td>rgb(56,0,0)<\/td><\/tr>
<\/td>#400000<\/td>rgb(64,0,0)<\/td><\/tr>
<\/td>#480000<\/td>rgb(72,0,0)<\/td><\/tr>
<\/td>#500000<\/td>rgb(80,0,0)<\/td><\/tr>
<\/td>#580000<\/td>rgb(88,0,0)<\/td><\/tr>
<\/td>#600000<\/td>rgb(96,0,0)<\/td><\/tr>
<\/td>#680000<\/td>rgb(104,0,0)<\/td><\/tr>
<\/td>#700000<\/td>rgb(112,0,0)<\/td><\/tr>
<\/td>#780000<\/td>rgb(120,0,0)<\/td><\/tr>
<\/td>#800000<\/td>rgb(128,0,0)<\/td><\/tr>
<\/td>#880000<\/td>rgb(136,0,0)<\/td><\/tr>
<\/td>#900000<\/td>rgb(144,0,0)<\/td><\/tr>
<\/td>#980000<\/td>rgb(152,0,0)<\/td><\/tr>
<\/td>#A00000<\/td>rgb(160,0,0)<\/td><\/tr>
<\/td>#A80000<\/td>rgb(168,0,0)<\/td><\/tr>
<\/td>#B00000<\/td>rgb(176,0,0)<\/td><\/tr>
<\/td>#B80000<\/td>rgb(184,0,0)<\/td><\/tr>
<\/td>#C00000<\/td>rgb(192,0,0)<\/td><\/tr>
<\/td>#C80000<\/td>rgb(200,0,0)<\/td><\/tr>
<\/td>#D00000<\/td>rgb(208,0,0)<\/td><\/tr>
<\/td>#D80000<\/td>rgb(216,0,0)<\/td><\/tr>
<\/td>#E00000<\/td>rgb(224,0,0)<\/td><\/tr>
<\/td>#E80000<\/td>rgb(232,0,0)<\/td><\/tr>
<\/td>#F00000<\/td>rgb(240,0,0)<\/td><\/tr>
<\/td>#F80000<\/td>rgb(248,0,0)<\/td><\/tr>
<\/td>#FF0000<\/td>rgb(255,0,0)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Web Safe Colors – B\u1ea3ng m\u00e0u “an to\u00e0n” d\u00e0nh cho Website<\/h2>\n\n\n\n

Nhi\u1ec1u n\u0103m tr\u01b0\u1edbc \u0111\u00e2y, c\u00e1c m\u00e1y t\u00ednh ch\u1ec9 h\u1ed7 tr\u1ee3 \u0111\u01b0\u1ee3c t\u1ed1i \u0111a 256 m\u00e0u kh\u00e1c nhau, v\u00ec v\u1eady danh s\u00e1ch 216 “M\u00e0u an to\u00e0n cho web” – Web Safe Colors \u0111\u01b0\u1ee3c \u0111\u1ec1 xu\u1ea5t l\u00e0m ti\u00eau chu\u1ea9n cho m\u1ecdi thi\u1ebft k\u1ebf web l\u00fac b\u1ea5y gi\u1edd.<\/p>\n\n\n\n

Nh\u01b0ng hi\u1ec7n nay \u0111i\u1ec1u n\u00e0y kh\u00f4ng c\u00f2n quan tr\u1ecdng, v\u00ec h\u1ea7u h\u1ebft c\u00e1c m\u00e1y t\u00ednh \u0111\u1ec1u c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb h\u00e0ng tri\u1ec7u m\u00e0u kh\u00e1c nhau.<\/p>\n\n\n\n

Quantrimang v\u1eabn s\u1ebd gi\u1edbi thi\u1ec7u \u1edf \u0111\u00e2y \u0111\u1ec3 b\u1ea1n bi\u1ebft th\u00eam nh\u00e9.<\/p>\n\n\n\n

000000<\/td>000033<\/td>000066<\/td>000099<\/td>0000CC<\/td>0000FF<\/td><\/tr>
003300<\/td>003333<\/td>003366<\/td>003399<\/td>0033CC<\/td>0033FF<\/td><\/tr>
006600<\/td>006633<\/td>006666<\/td>006699<\/td>0066CC<\/td>0066FF<\/td><\/tr>
009900<\/td>009933<\/td>009966<\/td>009999<\/td>0099CC<\/td>0099FF<\/td><\/tr>
00CC00<\/td>00CC33<\/td>00CC66<\/td>00CC99<\/td>00CCCC<\/td>00CCFF<\/td><\/tr>
00FF00<\/td>00FF33<\/td>00FF66<\/td>00FF99<\/td>00FFCC<\/td>00FFFF<\/td><\/tr>
330000<\/td>330033<\/td>330066<\/td>330099<\/td>3300CC<\/td>3300FF<\/td><\/tr>
333300<\/td>333333<\/td>333366<\/td>333399<\/td>3333CC<\/td>3333FF<\/td><\/tr>
336600<\/td>336633<\/td>336666<\/td>336699<\/td>3366CC<\/td>3366FF<\/td><\/tr>
339900<\/td>339933<\/td>339966<\/td>339999<\/td>3399CC<\/td>3399FF<\/td><\/tr>
33CC00<\/td>33CC33<\/td>33CC66<\/td>33CC99<\/td>33CCCC<\/td>33CCFF<\/td><\/tr>
33FF00<\/td>33FF33<\/td>33FF66<\/td>33FF99<\/td>33FFCC<\/td>33FFFF<\/td><\/tr>
660000<\/td>660033<\/td>660066<\/td>660099<\/td>6600CC<\/td>6600FF<\/td><\/tr>
663300<\/td>663333<\/td>663366<\/td>663399<\/td>6633CC<\/td>6633FF<\/td><\/tr>
666600<\/td>666633<\/td>666666<\/td>666699<\/td>6666CC<\/td>6666FF<\/td><\/tr>
669900<\/td>669933<\/td>669966<\/td>669999<\/td>6699CC<\/td>6699FF<\/td><\/tr>
66CC00<\/td>66CC33<\/td>66CC66<\/td>66CC99<\/td>66CCCC<\/td>66CCFF<\/td><\/tr>
66FF00<\/td>66FF33<\/td>66FF66<\/td>66FF99<\/td>66FFCC<\/td>66FFFF<\/td><\/tr>
990000<\/td>990033<\/td>990066<\/td>990099<\/td>9900CC<\/td>9900FF<\/td><\/tr>
993300<\/td>993333<\/td>993366<\/td>993399<\/td>9933CC<\/td>9933FF<\/td><\/tr>
996600<\/td>996633<\/td>996666<\/td>996699<\/td>9966CC<\/td>9966FF<\/td><\/tr>
999900<\/td>999933<\/td>999966<\/td>999999<\/td>9999CC<\/td>9999FF<\/td><\/tr>
99CC00<\/td>99CC33<\/td>99CC66<\/td>99CC99<\/td>99CCCC<\/td>99CCFF<\/td><\/tr>
99FF00<\/td>99FF33<\/td>99FF66<\/td>99FF99<\/td>99FFCC<\/td>99FFFF<\/td><\/tr>
CC0000<\/td>CC0033<\/td>CC0066<\/td>CC0099<\/td>CC00CC<\/td>CC00FF<\/td><\/tr>
CC3300<\/td>CC3333<\/td>CC3366<\/td>CC3399<\/td>CC33CC<\/td>CC33FF<\/td><\/tr>
CC6600<\/td>CC6633<\/td>CC6666<\/td>CC6699<\/td>CC66CC<\/td>CC66FF<\/td><\/tr>
CC9900<\/td>CC9933<\/td>CC9966<\/td>CC9999<\/td>CC99CC<\/td>CC99FF<\/td><\/tr>
CCCC00<\/td>CCCC33<\/td>CCCC66<\/td>CCCC99<\/td>CCCCCC<\/td>CCCCFF<\/td><\/tr>
CCFF00<\/td>CCFF33<\/td>CCFF66<\/td>CCFF99<\/td>CCFFCC<\/td>CCFFFF<\/td><\/tr>
FF0000<\/td>FF0033<\/td>FF0066<\/td>FF0099<\/td>FF00CC<\/td>FF00FF<\/td><\/tr>
FF3300<\/td>FF3333<\/td>FF3366<\/td>FF3399<\/td>FF33CC<\/td>FF33FF<\/td><\/tr>
FF6600<\/td>FF6633<\/td>FF6666<\/td>FF6699<\/td>FF66CC<\/td>FF66FF<\/td><\/tr>
FF9900<\/td>FF9933<\/td>FF9966<\/td>FF9999<\/td>FF99CC<\/td>FF99FF<\/td><\/tr>
FFCC00<\/td>FFCC33<\/td>FFCC66<\/td>FFCC99<\/td>FFCCCC<\/td>FFCCFF<\/td><\/tr>
FFFF00<\/td>FFFF33<\/td>FFFF66<\/td>FFFF99<\/td>FFFFCC<\/td>FFFFFF<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

M\u1ed9t s\u1ed1 th\u00f4ng tin b\u1ed5 sung<\/h2>\n\n\n\n

\u0110\u1ecbnh d\u1ea1ng m\u00e3 m\u00e0u<\/h3>\n\n\n\n

M\u00e3 m\u00e0u c\u00f3 th\u1ec3 l\u00e0 m\u1ed9t trong s\u1ed1 nh\u1eefng \u0111\u1ecbnh d\u1ea1ng sau:<\/p>\n\n\n\n

    \n
  • \u0110\u1ecbnh d\u1ea1ng hex: #rrggbb<\/strong><\/li>\n\n\n\n
  • \u0110\u1ecbnh d\u1ea1ng RGB: rgb (red, green, blue)<\/strong><\/li>\n\n\n\n
  • \u0110\u1ecbnh d\u1ea1ng t\u00ean: name<\/strong><\/li>\n<\/ul>\n\n\n\n

    V\u00ed d\u1ee5 \u0111\u1ed1i v\u1edbi m\u00e0u cam:<\/p>\n\n\n\n

      \n
    • \u0110\u1ecbnh d\u1ea1ng hex: #FFA500<\/strong><\/li>\n\n\n\n
    • \u0110\u1ecbnh d\u1ea1ng RGB: rgb (255,165,0)<\/strong><\/li>\n\n\n\n
    • \u0110\u1ecbnh d\u1ea1ng t\u00ean: orange<\/strong><\/li>\n<\/ul>\n\n\n\n

      Thi\u1ebft l\u1eadp m\u00e0u ph\u1ea7n t\u1eed<\/h3>\n\n\n\n

      \u0110\u1ed1i v\u1edbi ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3:<\/p>\n\n\n\n

      <element style=\"color: code;\"><\/element><\/code><\/pre>\n\n\n\n
      \u0110\u1ed1i v\u1edbi t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed c\u00f9ng lo\u1ea1i. \u0110\u1eb7t m\u00e3 trong th\u1ebb <style> \u1edf ph\u1ea7n \u0111\u1ea7u:<\/p>\n\n\n\n
      <style>\nelement { color: code; }\n<\/style><\/code><\/pre>\n\n\n\n
      V\u00ed d\u1ee5, b\u1ea1n mu\u1ed1n \u0111\u1eb7t m\u00e0u v\u0103n b\u1ea3n \u0111o\u1ea1n v\u0103n th\u00e0nh m\u00e0u \u0111\u1ecf.<\/p>\n\n\n\n
      Thi\u1ebft l\u1eadp m\u00e0u c\u1ee7a \u0111o\u1ea1n v\u0103n c\u1ee5 th\u1ec3:<\/p>\n\n\n\n
      <p style=\"color: #FF0000;\">Some text ...<\/p><\/code><\/pre>\n\n\n\n
      Th\u00eam m\u00e0u cho t\u1ea5t c\u1ea3 c\u00e1c \u0111o\u1ea1n v\u0103n<\/p>\n\n\n\n
      <style>\np { color: #FF0000; }\n<\/style><\/code><\/pre>\n\n\n\n
      \u0110\u1eb7t m\u00e0u n\u1ec1n c\u1ee7a ph\u1ea7n t\u1eed<\/h3>\n\n\n\n
      element { background: code; }<\/code><\/pre>\n\n\n\n
      V\u00ed d\u1ee5, \u0111\u1eb7t m\u00e0u n\u1ec1n c\u1ee7a \u0111o\u1ea1n v\u0103n th\u00e0nh m\u00e0u \u0111\u1ecf.<\/p>\n\n\n\n
      \u0110\u1eb7t m\u00e0u n\u1ec1n c\u1ee7a \u0111o\u1ea1n v\u0103n c\u1ee5 th\u1ec3:<\/p>\n\n\n\n
      <p style=\"background: #FF0000;\">Some text ...<\/p><\/code><\/pre>\n\n\n\n
      \u0110\u1eb7t m\u00e0u n\u1ec1n cho t\u1ea5t c\u1ea3 c\u00e1c \u0111o\u1ea1n v\u0103n:<\/p>\n\n\n\n
      <style>\np { background: #FF0000; }\n<\/style><\/code><\/pre>\n\n\n\n
      \u0110\u1eb7t m\u00e0u \u0111\u01b0\u1eddng vi\u1ec1n ph\u1ea7n t\u1eed<\/h3>\n\n\n\n
      element { border-color: topcode rightcode bottomcode leftcode }<\/code><\/pre>\n\n\n\n
      V\u00ed d\u1ee5, \u0111\u1eb7t m\u00e0u \u0111\u01b0\u1eddng vi\u1ec1n \u0111o\u1ea1n v\u0103n th\u00e0nh \u0111\u1ecf, l\u1ee5c, lam v\u00e0 \u0111en:<\/p>\n\n\n\n
      \u0110\u1eb7t m\u00e0u \u0111\u01b0\u1eddng vi\u1ec1n c\u1ee7a \u0111o\u1ea1n v\u0103n c\u1ee5 th\u1ec3:<\/p>\n\n\n\n
      <p style=\"border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid\">Some text ...<\/p><\/code><\/pre>\n\n\n\n
      \u0110\u1eb7t m\u00e0u \u0111\u01b0\u1eddng vi\u1ec1n c\u1ee7a t\u1ea5t c\u1ea3 c\u00e1c \u0111o\u1ea1n v\u0103n:<\/p>\n\n\n\n
      <style>\np { border-color: #FF0000 #00FF00 #0000FF #000000; }\n<\/style><\/code><\/pre>\n\n\n\n
      Hi v\u1ecdng b\u1ea3ng t\u1ed5ng h\u1ee3p m\u00e3 m\u00e0u n\u00e0y s\u1ebd gi\u00fap \u00edch cho b\u1ea1n trong qu\u00e1 tr\u00ecnh l\u00e0m vi\u1ec7c v\u00e0 h\u1ecdc t\u1eadp.<\/p>\n","protected":false},"excerpt":{"rendered":"
      S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet. \u1ede b\u00e0i vi\u1ebft n\u00e0y<\/p>\n","protected":false},"author":1,"featured_media":8026,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[238],"tags":[360,363],"class_list":["post-8025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lap-trinh","tag-bang-mau-css","tag-ma-mau-css"],"yoast_head":"\nB\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net<\/title>\n<meta name=\"description\" content=\"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:title\" content=\"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:description\" content=\"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:site_name\" content=\"Trungvu.net\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-16T07:50:55+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-16T14:05:08+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:width\" content=\"1135\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:height\" content=\"1268\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"author\" content=\"admin\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 ph\u00fat\" class=\"yoast-seo-meta-tag\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\"},\"headline\":\"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website\",\"datePublished\":\"2024-11-16T07:50:55+00:00\",\"dateModified\":\"2024-11-16T14:05:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/\"},\"wordCount\":1773,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\"},\"image\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/IMG_5432.jpeg\",\"keywords\":[\"B\u1ea3ng m\u00e0u css\",\"M\u00e3 m\u00e0u css\"],\"articleSection\":[\"Th\u01b0 vi\u1ec7n l\u1eadp tr\u00ecnh\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/\",\"name\":\"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/IMG_5432.jpeg\",\"datePublished\":\"2024-11-16T07:50:55+00:00\",\"dateModified\":\"2024-11-16T14:05:08+00:00\",\"description\":\"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/IMG_5432.jpeg\",\"contentUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/IMG_5432.jpeg\",\"width\":1135,\"height\":1268},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/\",\"name\":\"TVN\",\"description\":\"N\u1ec1n t\u1ea3ng c\u00f4ng ngh\u1ec7, d\u1ecbch v\u1ee5 s\u1ed1 v\u00e0 h\u1ec7 sinh th\u00e1i Trung Global\",\"publisher\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\"},\"alternateName\":\"Trungvu.net\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-800x480-1.jpg\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-800x480-1.jpg\",\"contentUrl\":\"https:\\\/\\\/trungvu.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-800x480-1.jpg\",\"width\":512,\"height\":512,\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-800x480-1.jpg\"},\"sameAs\":[\"https:\\\/\\\/trungvu.net\"],\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net","description":"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/","og_locale":"vi_VN","og_type":"article","og_title":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net","og_description":"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet","og_url":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/","og_site_name":"Trungvu.net","article_published_time":"2024-11-16T07:50:55+00:00","article_modified_time":"2024-11-16T14:05:08+00:00","og_image":[{"width":1135,"height":1268,"url":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"admin","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"8 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#article","isPartOf":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/"},"author":{"name":"admin","@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf"},"headline":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website","datePublished":"2024-11-16T07:50:55+00:00","dateModified":"2024-11-16T14:05:08+00:00","mainEntityOfPage":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/"},"wordCount":1773,"commentCount":0,"publisher":{"@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf"},"image":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#primaryimage"},"thumbnailUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg","keywords":["B\u1ea3ng m\u00e0u css","M\u00e3 m\u00e0u css"],"articleSection":["Th\u01b0 vi\u1ec7n l\u1eadp tr\u00ecnh"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/","url":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/","name":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website - Trungvu.net","isPartOf":{"@id":"https:\/\/trungvu.net\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#primaryimage"},"image":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#primaryimage"},"thumbnailUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg","datePublished":"2024-11-16T07:50:55+00:00","dateModified":"2024-11-16T14:05:08+00:00","description":"S\u1edf h\u1eefu b\u1ea3ng m\u00e3 m\u00e0u CSS chu\u1ea9n, b\u1ea1n s\u1ebd t\u1ef1 tin h\u01a1n khi thi\u1ebft k\u1ebf, l\u1eadp tr\u00ecnh web, b\u1edfi m\u00e0u s\u1eafc l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong th\u1ebf gi\u1edbi Internet","breadcrumb":{"@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#primaryimage","url":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg","contentUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2024\/11\/IMG_5432.jpeg","width":1135,"height":1268},{"@type":"BreadcrumbList","@id":"https:\/\/trungvu.net\/wordpress\/bang-ma-mau-css-code-color-chuan-trong-thiet-ke-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/trungvu.net\/wordpress\/"},{"@type":"ListItem","position":2,"name":"B\u1ea3ng m\u00e3 m\u00e0u CSS, code color chu\u1ea9n trong thi\u1ebft k\u1ebf website"}]},{"@type":"WebSite","@id":"https:\/\/trungvu.net\/wordpress\/#website","url":"https:\/\/trungvu.net\/wordpress\/","name":"TVN","description":"N\u1ec1n t\u1ea3ng c\u00f4ng ngh\u1ec7, d\u1ecbch v\u1ee5 s\u1ed1 v\u00e0 h\u1ec7 sinh th\u00e1i Trung Global","publisher":{"@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf"},"alternateName":"Trungvu.net","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trungvu.net\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":["Person","Organization"],"@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf","name":"admin","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/trungvu.net\/wp-content\/uploads\/2024\/10\/cropped-800x480-1.jpg","url":"https:\/\/trungvu.net\/wp-content\/uploads\/2024\/10\/cropped-800x480-1.jpg","contentUrl":"https:\/\/trungvu.net\/wp-content\/uploads\/2024\/10\/cropped-800x480-1.jpg","width":512,"height":512,"caption":"admin"},"logo":{"@id":"https:\/\/trungvu.net\/wp-content\/uploads\/2024\/10\/cropped-800x480-1.jpg"},"sameAs":["https:\/\/trungvu.net"],"url":"https:\/\/trungvu.net\/wordpress\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts\/8025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/comments?post=8025"}],"version-history":[{"count":4,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts\/8025\/revisions"}],"predecessor-version":[{"id":8058,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts\/8025\/revisions\/8058"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/media\/8026"}],"wp:attachment":[{"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/media?parent=8025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/categories?post=8025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/tags?post=8025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}