{"id":20240,"date":"2025-07-26T05:28:26","date_gmt":"2025-07-25T22:28:26","guid":{"rendered":"https:\/\/trungvu.net\/?p=20240"},"modified":"2025-07-26T05:30:51","modified_gmt":"2025-07-25T22:30:51","slug":"cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web","status":"publish","type":"post","link":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/","title":{"rendered":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web"},"content":{"rendered":"\n<p>Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS chu\u1ea9n th\u01b0\u1eddng d\u00f9ng, \u0111i k\u00e8m m\u00e3 m\u00e0u (HEX, RGB, ho\u1eb7c t\u00ean m\u00e0u), v\u00e0 \u1ee9ng d\u1ee5ng c\u1ee5 th\u1ec3.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/trungvu.net\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA-1024x683.png\" alt=\"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web\" class=\"wp-image-20241\" srcset=\"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA-1024x683.png 1024w, https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA-300x200.png 300w, https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA-768x512.png 768w, https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web<\/em><\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udd35 1. M\u00e0u Xanh (#007BFF)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Primary Blue<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #007BFF (Bootstrap)<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: N\u00fat ch\u00ednh, li\u00ean k\u1ebft n\u1ed5i b\u1eadt<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udfe2 2. M\u00e0u Xanh L\u00e1 (#28A745)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Success Green<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #28A745<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: Hi\u1ec3n th\u1ecb tr\u1ea1ng th\u00e1i th\u00e0nh c\u00f4ng (success)<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udfe1 3. M\u00e0u V\u00e0ng C\u1ea3nh B\u00e1o (#FFC107)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Warning Yellow<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #FFC107<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o c\u1ea3nh b\u00e1o<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udd34 4. M\u00e0u \u0110\u1ecf B\u00e1o L\u1ed7i (#DC3545)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Danger Red<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #DC3545<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: B\u00e1o l\u1ed7i, n\u00fat x\u00f3a<\/li>\n<\/ul>\n\n\n\n<p><strong>\u26aa 5. M\u00e0u Tr\u1eafng (#FFFFFF) &amp; \u26ab \u0110en (#000000)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Basic White &amp; Black<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #FFFFFF v\u00e0 #000000<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: N\u1ec1n, ch\u1eef ch\u00ednh<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83c\udf2b\ufe0f 6. M\u00e0u X\u00e1m (#6C757D, #F8F9FA)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e3 m\u00e0u:<br>\n<ul class=\"wp-block-list\">\n<li>#6C757D \u2013 ch\u1eef ph\u1ee5, icon<\/li>\n\n\n\n<li>#F8F9FA \u2013 n\u1ec1n nh\u1eb9 nh\u00e0ng<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: N\u1ec1n ph\u1ee5, vi\u1ec1n, ph\u00e2n bi\u1ec7t th\u00e0nh ph\u1ea7n<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udfe3 7. M\u00e0u T\u00edm (#6F42C1)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00ean m\u00e0u: Secondary Purple<\/li>\n\n\n\n<li>M\u00e3 m\u00e0u: #6F42C1<\/li>\n\n\n\n<li>C\u00f4ng d\u1ee5ng: Th\u1ebb ph\u1ee5, nh\u1ea5n m\u1ea1nh nh\u1eb9 nh\u00e0ng<\/li>\n<\/ul>\n\n\n\n<p><strong>\ud83d\udcd8 B\u1ea3ng M\u00e0u CSS Chu\u1ea9n Bootstrap (Th\u01b0\u1eddng D\u00f9ng)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>T\u00ean m\u00e0u<\/strong><\/td><td><strong>M\u00e3 m\u00e0u HEX<\/strong><\/td><td><strong>M\u00f4 t\u1ea3<\/strong><\/td><\/tr><tr><td>Primary<\/td><td>#007BFF<\/td><td>M\u00e0u ch\u00ednh<\/td><\/tr><tr><td>Success<\/td><td>#28A745<\/td><td>Th\u00e0nh c\u00f4ng<\/td><\/tr><tr><td>Danger<\/td><td>#DC3545<\/td><td>B\u00e1o l\u1ed7i<\/td><\/tr><tr><td>Warning<\/td><td>#FFC107<\/td><td>C\u1ea3nh b\u00e1o<\/td><\/tr><tr><td>Info<\/td><td>#17A2B8<\/td><td>Th\u00f4ng tin nh\u1eb9 nh\u00e0ng<\/td><\/tr><tr><td>Light<\/td><td>#F8F9FA<\/td><td>N\u1ec1n s\u00e1ng<\/td><\/tr><tr><td>Dark<\/td><td>#343A40<\/td><td>N\u1ec1n t\u1ed1i, ch\u1eef \u0111\u1eadm<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\ud83d\udcf8 H\u00ecnh Minh H\u1ecda M\u00e0u CSS<\/strong><\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 h\u00ecnh \u1ea3nh minh h\u1ecda c\u00e1c m\u00e0u \u0111\u01b0\u1ee3c d\u00f9ng ph\u1ed5 bi\u1ebfn:<\/p>\n\n\n\n<p>(N\u1ebfu b\u1ea1n c\u1ea7n h\u00ecnh minh h\u1ecda g\u1ed1c \u0111\u1ec3 nh\u00fang v\u00e0o website m\u00e0 kh\u00f4ng ph\u1ee5 thu\u1ed9c v\u00e0o b\u00ean ngo\u00e0i, m\u00ecnh c\u00f3 th\u1ec3 t\u1ea1o file SVG ho\u1eb7c PNG t\u00f9y \u00fd.)<\/p>\n\n\n\n<p><strong>\u2705 M\u1eb9o Ch\u1ecdn M\u00e0u<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>D\u00f9ng c\u00e1c b\u1ed9 m\u00e0u chu\u1ea9n nh\u01b0 Bootstrap, Tailwind, ho\u1eb7c Material Design \u0111\u1ec3 d\u1ec5 qu\u1ea3n l\u00fd.<\/li>\n\n\n\n<li>Lu\u00f4n ki\u1ec3m tra \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n gi\u1eefa m\u00e0u n\u1ec1n v\u00e0 ch\u1eef: https:\/\/webaim.org\/resources\/contrastchecker\/<\/li>\n\n\n\n<li>K\u1ebft h\u1ee3p m\u00e0u s\u1eafc h\u1ee3p l\u00fd b\u1eb1ng c\u00e1c c\u00f4ng c\u1ee5 nh\u01b0 <a href=\"https:\/\/coolors.co\/\">coolors.co<\/a> ho\u1eb7c <a href=\"http:\/\/colormind.io\/\">colormind.io<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS chu\u1ea9n th\u01b0\u1eddng d\u00f9ng, \u0111i k\u00e8m m\u00e3 m\u00e0u (HEX, RGB, ho\u1eb7c t\u00ean m\u00e0u), v\u00e0 \u1ee9ng d\u1ee5ng c\u1ee5 th\u1ec3.<\/p>\n","protected":false},"author":1,"featured_media":20241,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[238],"tags":[2387,2385,2386,2388,363],"class_list":["post-20240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lap-trinh","tag-bang-ma-mau","tag-hay-dung","tag-lap-trinh-web","tag-ma-mau-chuan","tag-ma-mau-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net<\/title>\n<meta name=\"description\" content=\"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS\" 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\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/\" 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=\"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:description\" content=\"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/\" 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=\"2025-07-25T22:28:26+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-25T22:30:51+00:00\" class=\"yoast-seo-meta-tag\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" class=\"yoast-seo-meta-tag\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" 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=\"3 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\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\"},\"headline\":\"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web\",\"datePublished\":\"2025-07-25T22:28:26+00:00\",\"dateModified\":\"2025-07-25T22:30:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/\"},\"wordCount\":546,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#\\\/schema\\\/person\\\/43717670d36893b8e8a79e22d50382cf\"},\"image\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png\",\"keywords\":[\"B\u1ea3ng m\u00e3 m\u00e0u\",\"Hay d\u00f9ng\",\"L\u1eadp tr\u00ecnh web\",\"M\u00e3 m\u00e0u chu\u1ea9n\",\"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\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/\",\"name\":\"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png\",\"datePublished\":\"2025-07-25T22:28:26+00:00\",\"dateModified\":\"2025-07-25T22:30:51+00:00\",\"description\":\"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png\",\"contentUrl\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/trungvu.net\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web\"}]},{\"@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":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net","description":"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS","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\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/","og_locale":"vi_VN","og_type":"article","og_title":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net","og_description":"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS","og_url":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/","og_site_name":"Trungvu.net","article_published_time":"2025-07-25T22:28:26+00:00","article_modified_time":"2025-07-25T22:30:51+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png","type":"image\/png"}],"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":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#article","isPartOf":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/"},"author":{"name":"admin","@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf"},"headline":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web","datePublished":"2025-07-25T22:28:26+00:00","dateModified":"2025-07-25T22:30:51+00:00","mainEntityOfPage":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/"},"wordCount":546,"commentCount":0,"publisher":{"@id":"https:\/\/trungvu.net\/wordpress\/#\/schema\/person\/43717670d36893b8e8a79e22d50382cf"},"image":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#primaryimage"},"thumbnailUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png","keywords":["B\u1ea3ng m\u00e3 m\u00e0u","Hay d\u00f9ng","L\u1eadp tr\u00ecnh web","M\u00e3 m\u00e0u chu\u1ea9n","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\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/","url":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/","name":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web - Trungvu.net","isPartOf":{"@id":"https:\/\/trungvu.net\/wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#primaryimage"},"image":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#primaryimage"},"thumbnailUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png","datePublished":"2025-07-25T22:28:26+00:00","dateModified":"2025-07-25T22:30:51+00:00","description":"Trong thi\u1ebft k\u1ebf web, vi\u1ec7c ch\u1ecdn \u0111\u00fang m\u00e0u s\u1eafc l\u00e0 c\u1ef1c k\u1ef3 quan tr\u1ecdng \u0111\u1ec3 t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 danh s\u00e1ch nh\u1eefng m\u00e0u CSS","breadcrumb":{"@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#primaryimage","url":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png","contentUrl":"https:\/\/trungvu.net\/wordpress\/wp-content\/uploads\/2025\/07\/C7ACE4EB-1598-42BE-83CD-EC48D4F4BFFA.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/trungvu.net\/wordpress\/cac-ma-mau-css-chuan-hay-dung-trong-thiet-ke-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/trungvu.net\/wordpress\/"},{"@type":"ListItem","position":2,"name":"\ud83c\udfa8 C\u00e1c M\u00e3 M\u00e0u CSS Chu\u1ea9n Hay D\u00f9ng Trong Thi\u1ebft K\u1ebf Web"}]},{"@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\/20240","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=20240"}],"version-history":[{"count":1,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts\/20240\/revisions"}],"predecessor-version":[{"id":20242,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/posts\/20240\/revisions\/20242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/media\/20241"}],"wp:attachment":[{"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/media?parent=20240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/categories?post=20240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trungvu.net\/wordpress\/wp-json\/wp\/v2\/tags?post=20240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}