{"id":65224,"date":"2024-04-01T12:13:29","date_gmt":"2024-04-01T05:13:29","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=65224"},"modified":"2024-04-12T13:58:42","modified_gmt":"2024-04-12T06:58:42","slug":"bang-mau-html","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/bang-mau-html\/","title":{"rendered":"T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/#Giai_nghia_ve_bang_mau_HTML\" >Gi\u1ea3i ngh\u0129a v\u1ec1 b\u1ea3ng m\u00e0u HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/#Cach_su_dung_bang_mau_HTML_trong_lap_trinh_web\" >C\u00e1ch s\u1eed d\u1ee5ng b\u1ea3ng m\u00e0u HTML trong l\u1eadp tr\u00ecnh web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/#Mot_so_cau_hoi_thuong_gap_ve_bang_mau_HTML\" >M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 b\u1ea3ng m\u00e0u HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/#Tong_ket_Bang_mau_HTML\" >T\u1ed5ng k\u1ebft B\u1ea3ng m\u00e0u HTML<\/a><\/li><\/ul><\/nav><\/div>\n<p><b><i>V\u1edbi c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean, vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch l\u1ea5y m\u00e3 m\u00e0u l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft gi\u00fap t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c hi\u1ec7u qu\u1ea3 v\u00e0 nhanh ch\u00f3ng h\u01a1n. L\u1ef1a ch\u1ecdn nh\u1eefng m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p v\u00e0 c\u00f3 \u0111\u1ed9 h\u00e0i h\u00f2a s\u1ebd gi\u00fap trang web th\u00eam ph\u1ea7n \u1ea5n t\u01b0\u1ee3ng trong m\u1eaft ng\u01b0\u1eddi d\u00f9ng. V\u1eady l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 \u1ee9ng d\u1ee5ng m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p trong HTML?<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 \u0111\u01b0\u1ee3c gi\u1ea3i \u0111\u00e1p chi ti\u1ebft v\u1ec1:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e1c m\u00e3 m\u00e0u \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn trong HTML.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">C\u00e1ch s\u1eed d\u1ee5ng b\u1ea3ng m\u00e0u HTML \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u ch\u1eef, thay \u0111\u1ed5i m\u00e0u n\u1ec1n ch\u1eef, li\u00ean k\u1ebft,&#8230;<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Giai_nghia_ve_bang_mau_HTML\"><\/span><b> Gi\u1ea3i ngh\u0129a v\u1ec1 b\u1ea3ng m\u00e0u HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">M\u00e3 m\u00e0u HTML l\u00e0 vi\u1ec7c bi\u1ec3u di\u1ec5n c\u00e1c m\u00e0u s\u1eafc th\u00f4ng qua t\u1eadp h\u1ee3p s\u1ed1 v\u00e0 ch\u1eef c\u00e1i theo 1 quy t\u1eafc. Khi l\u1eadp tr\u00ecnh trang web, b\u1ea3ng m\u00e3 m\u00e0u HTML s\u1ebd gi\u00fap m\u00e1y t\u00ednh di\u1ec5n gi\u1ea3i v\u00e0 hi\u1ec3n th\u1ecb th\u00f4ng tin theo \u0111\u00fang m\u00e0u s\u1eafc m\u00e0 b\u1ea1n \u0111\u00e3 c\u00e0i \u0111\u1eb7t.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hi\u1ec7n nay, m\u00e3 m\u00e0u HTML th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong c\u00e1c trang web ho\u1eb7c \u1ee9ng d\u1ee5ng ph\u1ea7n m\u1ec1m v\u1edbi nhi\u1ec1u \u0111\u1ecbnh d\u1ea1ng kh\u00e1c nhau HEX, RGB, HSL, CSS ho\u1eb7c t\u00ean m\u00e0u HTML,&#8230; v\u00e0 HEX 6 ch\u1eef s\u1ed1 l\u00e0 h\u1ec7 m\u00e0u \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn trong b\u1ea3ng m\u00e0u hi\u1ec7n nay.<\/span><\/p>\n<blockquote><p><em>\u0110\u1ecdc th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/html-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>Gi\u1ea3i \u0111\u00e1p \u201ct\u1ea5t t\u1ea7n t\u1eadt\u201d nh\u1eefng \u0111i\u1ec1u c\u1ea7n bi\u1ebft v\u1ec1 HTML<\/strong><\/a><\/em><\/p>\n<p><em>\u0110\u1ecdc th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/table-html\/\" target=\"_blank\" rel=\"noopener\"><strong>Table HTML: H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o b\u1ea3ng trong HTML chi ti\u1ebft t\u1eeb A \u2013 Z<\/strong><\/a><\/em><\/p><\/blockquote>\n<h3><b> H\u1ec7 m\u00e0u HEX<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">HEX l\u00e0 h\u1ec7 m\u00e0u th\u1eadp l\u1ee5c nh\u1ecb ph\u00e2n ba byte (6 ch\u1eef s\u1ed1) v\u1edbi m\u1ed7i byte bi\u1ec3u th\u1ecb cho c\u01b0\u1eddng \u0111\u1ed9 m\u00e0u s\u1eafc t\u01b0\u01a1ng \u1ee9ng l\u00e0 m\u00e0u \u0111\u1ecf, xanh l\u1ee5c v\u00e0 xanh lam. M\u1ed7i byte g\u1ed3m 2 ch\u1eef s\u1ed1 c\u00f3 gi\u00e1 tr\u1ecb c\u01b0\u1eddng \u0111\u1ed9 n\u1eb1m trong kho\u1ea3ng t\u1eeb 00 (th\u1ea5p nh\u1ea5t) \u0111\u1ebfn FF (cao nh\u1ea5t) trong h\u1ec7 th\u1eadp l\u1ee5c ph\u00e2n v\u00e0 t\u01b0\u01a1ng \u1ee9ng v\u1edbi kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 255 trong h\u1ec7 th\u1eadp ph\u00e2n. C\u00e1c m\u00e0u s\u1eafc s\u1ebd \u0111\u01b0\u1ee3c t\u1ea1o ra b\u1eb1ng c\u00e1ch tr\u1ed9n gi\u1eefa ba m\u00e0u c\u01a1 b\u1ea3n l\u1ea1i v\u1edbi nhau, c\u01b0\u1eddng \u0111\u1ed9 cao nh\u1ea5t c\u1ee7a m\u00e0u mong mu\u1ed1n v\u1edbi c\u01b0\u1eddng \u0111\u1ed9 th\u1ea5p nh\u1ea5t c\u1ee7a hai m\u00e0u c\u00f2n l\u1ea1i.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5, \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng m\u00e0u \u0111\u1ecf, b\u1ea1n s\u1ebd \u0111i\u1ec1u ch\u1ec9nh c\u01b0\u1eddng \u0111\u1ed9 c\u1ee7a m\u00e0u \u0111\u1ecf cao nh\u1ea5t (FF), hai c\u01b0\u1eddng \u0111\u1ed9 xanh l\u00e1 v\u00e0 xanh d\u01b0\u01a1ng s\u1ebd th\u1ea5p nh\u1ea5t (00). T\u01b0\u01a1ng t\u1ef1 n\u1ebfu b\u1ea1n mu\u1ed1n ch\u1ec9nh nh\u1eefng m\u00e0u s\u1eafc thu\u1ed9c xanh l\u00e1 th\u00ec c\u00f3 th\u1ec3 ch\u1ec9nh c\u01b0\u1eddng \u0111\u1ed9 c\u1ee7a xanh l\u00e1 cao nh\u1ea5t v\u00e0 hai m\u00e0u c\u00f2n l\u1ea1i (\u0111\u1ecf v\u00e0 xanh d\u01b0\u01a1ng) th\u1ea5p nh\u1ea5t.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65660 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - h\u1ec7 m\u00e0u hex - itviec blog\" width=\"1946\" height=\"288\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro.jpg 1946w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro-300x44.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro-1600x237.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro-200x30.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-1-vippro-100x15.jpg 100w\" sizes=\"auto, (max-width: 1946px) 100vw, 1946px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">Ba m\u00e0u c\u01a1 b\u1ea3n c\u1ee7a m\u00e3 m\u00e0u HEX (Ngu\u1ed3n: htmlcolorcodes.com)<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Hay v\u00ed d\u1ee5 nh\u01b0 m\u00e0u tr\u1eafng \u0111\u01b0\u1ee3c t\u1ea1o ra t\u1eeb ba m\u00e0u c\u01a1 b\u1ea3n \u1edf c\u01b0\u1eddng \u0111\u1ed9 t\u1ed1i \u0111a, do \u0111\u00f3 m\u00e3 m\u00e0u Hex c\u1ee7a m\u00e0u tr\u1eafng s\u1ebd l\u00e0 #FFFFFF. Ho\u1eb7c m\u00e0u \u0111en v\u1edbi m\u1ed7i m\u00e0u \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb \u1edf c\u01b0\u1eddng \u0111\u1ed9 th\u1ea5p nh\u1ea5t l\u00e0 #000000. B\u00ean c\u1ea1nh \u0111\u00f3, \u0111\u1ed1i v\u1edbi c\u00e1c s\u1eafc \u0111\u1ed9 c\u1ee7a m\u00e0u x\u00e1m b\u1ea1n c\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c gi\u00e1 tr\u1ecb b\u1eb1ng nhau cho c\u1ea3 ba m\u00e0u s\u1eafc c\u01a1 b\u1ea3n.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#404040;\"&gt;#404040&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#686868;\"&gt;#686868&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#a0a0a0;\"&gt;#a0a0a0&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#bebebe;\"&gt;#bebebe&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#dcdcdc;\"&gt;#dcdcdc&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:#f8f8f8;\"&gt;#f8f8f8&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65659 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - h\u1ec7 m\u00e0u hex m\u00e0u x\u00e1m - itviec blog\" width=\"933\" height=\"547\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro.jpg 933w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro-300x176.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro-700x410.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro-200x117.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-2-vippro-100x59.jpg 100w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">S\u1eafc \u0111\u1ed9 m\u00e0u x\u00e1m c\u1ee7a m\u00e3 m\u00e0u HEX \u0111\u01b0\u1ee3c \u0111i\u1ec1u ch\u1ec9nh v\u1edbi gi\u00e1 tr\u1ecb b\u1eb1ng nhau c\u1ee7a 3 tham s\u1ed1.<\/span><\/em><\/p>\n<h3><b> H\u1ec7 m\u00e0u RGB<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">RGB l\u00e0 h\u1ec7 m\u00e0u \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn sau HEX trong b\u1ea3ng m\u00e0u HTML. RGB l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a c\u01a1 ch\u1ebf m\u00e0u c\u01a1 b\u1ea3n l\u00e0 red (\u0111\u1ecf), green (xanh l\u00e1) v\u00e0 blue (xanh d\u01b0\u01a1ng). C\u00fa ph\u00e1p c\u1ee7a h\u1ec7 m\u00e0u rgb l\u00e0:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">rgb(\u0111\u1ecf,l\u1ee5c,lam)<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">V\u1edbi m\u1ed7i c\u01b0\u1eddng \u0111\u1ed9 c\u1ee7a ba m\u00e0u c\u01a1 b\u1ea3n \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh gi\u00e1 tr\u1ecb t\u1eeb 0 \u0111\u1ebfn 255. Gi\u00e1 tr\u1ecb n\u00e0y s\u1ebd ph\u1ea3n \u00e1nh \u0111\u1ed9 s\u00e1ng c\u1ee7a m\u00e0u s\u1eafc v\u1edbi 0 l\u00e0 kh\u00f4ng c\u00f3 \u00e1nh s\u00e1ng v\u00e0 255 l\u00e0 \u0111\u1ed9 s\u00e1ng cao nh\u1ea5t.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">T\u01b0\u01a1ng t\u1ef1 v\u1edbi h\u1ec7 m\u00e0u HEX, b\u1ea1n c\u00f3 th\u1ec3 x\u00e1c \u0111\u1ecbnh c\u00e1c gi\u00e1 tr\u1ecb m\u00e0u b\u1eb1ng c\u00e1ch \u0111i\u1ec1u ch\u1ec9nh c\u01b0\u1eddng \u0111\u1ed9 c\u1ee7a ba m\u00e0u c\u01a1 b\u1ea3n. N\u1ebfu b\u1ea1n mu\u1ed1n l\u1ea5y m\u00e0u \u0111\u1ecf th\u00ec \u0111i\u1ec1u ch\u1ec9nh c\u01b0\u1eddng \u0111\u1ed9 l\u00e0 255 cho m\u00e0u \u0111\u1ecf v\u00e0 0 cho hai gi\u00e1 tr\u1ecb c\u00f2n l\u1ea1i.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgb(255, 0, 0);\"&gt;rgb(255, 0, 0)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgb(0, 0, 255);\"&gt;rgb(0, 0, 255)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgb(0, 255, 0);\"&gt;rgb(0, 255, 0)&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65658 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - h\u1ec7 m\u00e0u rgb - itviec blog\" width=\"1348\" height=\"417\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro.jpg 1348w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro-300x93.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro-700x217.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro-200x62.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-3-vippro-100x31.jpg 100w\" sizes=\"auto, (max-width: 1348px) 100vw, 1348px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">X\u00e1c \u0111\u1ecbnh h\u1ec7 m\u00e0u RGB t\u01b0\u01a1ng t\u1ef1 v\u1edbi HEX.<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, h\u1ec7 m\u00e0u RGB c\u00f2n c\u00f3 h\u1ec7 m\u1edf r\u1ed9ng l\u00e0 RGBA v\u1edbi tham s\u1ed1 A \u0111\u1ea1i di\u1ec7n cho Alpha, ngh\u0129a l\u00e0 \u0111\u1ed9 trong su\u1ed1t (Opacity) c\u1ee7a m\u00e0u. Gi\u00e1 tr\u1ecb m\u00e0u c\u1ee7a RGBA \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh b\u1eb1ng c\u00fa ph\u00e1p:\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">rgba(\u0111\u1ecf,l\u1ee5c,lam,alpha)<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">V\u1edbi alpha l\u00e0 m\u1ed9t s\u1ed1 c\u00f3 gi\u00e1 tr\u1ecb t\u1eeb 0,0 (ho\u00e0n to\u00e0n trong su\u1ed1t) \u0111\u1ebfn 1,0 (ho\u00e0n to\u00e0n kh\u00f4ng trong su\u1ed1t). V\u00ed d\u1ee5 nh\u01b0 sau:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 0);\"&gt;rgba(255, 99, 71, 0)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 0.2);\"&gt;rgba(255, 99, 71, 0.2)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 0.4);\"&gt;rgba(255, 99, 71, 0.4)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 0.6);\"&gt;rgba(255, 99, 71, 0.6)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 0.8);\"&gt;rgba(255, 99, 71, 0.8)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:rgba(255, 99, 71, 1);\"&gt;rgba(255, 99, 71, 1)&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65657 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - \u0111\u1ed9 m\u1edd m\u00e0u rgb - itviec blog\" width=\"810\" height=\"520\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro.jpg 810w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro-300x193.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro-700x450.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro-200x128.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-4-vippro-100x64.jpg 100w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">\u0110\u1ed9 m\u1edd c\u1ee7a m\u00e0u s\u1eafc t\u0103ng d\u1ea7n theo h\u1ec7 s\u1ed1 alpha.<\/span><\/em><\/p>\n<h3><b> H\u1ec7 m\u00e0u HSL<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">HSL l\u00e0 h\u1ec7 m\u00e0u vi\u1ebft t\u1eaft cho c\u1ee5m t\u1eeb Hue, Saturation v\u00e0 Lightness \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nhi\u1ec1u trong \u0111\u1ed3 h\u1ecda m\u00e1y t\u00ednh. T\u01b0\u01a1ng t\u1ef1 v\u1edbi RGB, HSL c\u0169ng c\u00f3 h\u1ec7 m\u00e0u m\u1edf r\u1ed9ng l\u00e0 HSLA v\u1edbi Alpha \u0111\u01b0\u1ee3c g\u1ecdi ph\u1ed5 bi\u1ebfn l\u00e0 cho \u0111\u1ed9 trong su\u1ed1t (Ocpacity) c\u1ee7a m\u00e0u.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Khi s\u1eed d\u1ee5ng HSL trong HTML, m\u1ed9t m\u00e0u s\u1eafc s\u1ebd \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng m\u00e0u s\u1eafc (Hue), \u0111\u1ed9 b\u00e3o h\u00f2a (Saturation) v\u00e0 \u0111\u1ed9 s\u00e1ng (Lightness), b\u1ea1n c\u00f3 th\u1ec3 vi\u1ebft c\u00fa ph\u00e1p c\u1ee7a HSL theo 3 c\u00e1ch nh\u01b0 sau:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">hsl(hue,saturation,lightness)<\/span>\r\n\r\n<span style=\"font-weight: 400;\">hsl(H S L)<\/span>\r\n\r\n<span style=\"font-weight: 400;\">hsl(H S L[\/A])<\/span><\/pre>\n<p>Trong \u0111\u00f3:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hue l\u00e0 m\u1eadt \u0111\u1ed9 tr\u00ean v\u00f2ng tr\u00f2n m\u00e0u s\u1eafc t\u1eeb 0 \u0111\u1ebfn 360 \u0111\u1ed9, 0 cho m\u00e0u \u0111\u1ecf, 120 l\u00e0 xanh l\u00e1 v\u00e0 240 cho xanh lam.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Saturation l\u00e0 m\u1ed9t gi\u00e1 tr\u1ecb ph\u1ea7n tr\u0103m, 0% l\u00e0 m\u00e0u x\u00e1m, 50% l\u00e0 m\u00e0u x\u00e1m nh\u01b0ng v\u1eabn nh\u00ecn th\u1ea5y \u0111\u01b0\u1ee3c c\u00e1c m\u00e0u kh\u00e1c v\u00e0 100% m\u00e0u thu\u1ea7n khi\u1ebft kh\u00f4ng pha tr\u1ed9n s\u1eafc x\u00e1m.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lightness c\u0169ng l\u00e0 m\u1ed9t gi\u00e1 tr\u1ecb ph\u1ea7n tr\u0103m v\u1edbi 0% cho m\u00e0u \u0111en v\u00e0 100% l\u00e0 m\u00e0u tr\u1eafng.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">V\u00e0 A ch\u00ednh l\u00e0 Alpha, t\u01b0\u01a1ng t\u1ef1 v\u1edbi c\u00fa ph\u00e1p m\u1edf r\u1ed9ng c\u1ee7a HSLA.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ch\u1eb3ng h\u1ea1n, khi b\u1ea1n vi\u1ebft c\u00fa ph\u00e1p hsl(0 100% 50% \/ 50%) th\u00ec n\u00f3 s\u1ebd hi\u1ec3n th\u1ecb s\u1eafc \u0111\u1ed9 m\u00e0u s\u1eafc t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi c\u00fa ph\u00e1p hsla(0,100%,50%,0.5)<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(0, 100%, 50%);\"&gt;hsl(0, 100%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(240, 100%, 50%);\"&gt;hsl(240, 100%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(147, 50%, 47%);\"&gt;hsl(147, 50%, 47%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(300, 76%, 72%);\"&gt;hsl(300, 76%, 72%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(39, 100%, 50%);\"&gt;hsl(39, 100%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(248, 53%, 58%);\"&gt;hsl(248, 53%, 58%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(0, 100%, 50%);\"&gt;hsl(0, 100%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(0, 80%, 50%);\"&gt;hsl(0, 80%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(0, 60%, 50%);\"&gt;hsl(0, 60%, 50%)&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:hsl(0, 0%, 50%);\"&gt;hsl(0, 0%, 50%)&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65656 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - h\u1ec7 m\u00e0u hsl - itviec blog\" width=\"826\" height=\"594\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro.jpg 826w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro-300x216.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro-768x552.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro-200x144.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro-100x72.jpg 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-5-vippro-626x450.jpg 626w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">C\u00e1ch x\u00e1c \u0111\u1ecbnh m\u00e0u theo h\u1ec7 m\u00e0u HSL.<\/span><\/em><\/p>\n<h3><b> T\u00ean m\u00e0u HTML\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Trong HTML, b\u1ea1n c\u00f3 th\u1ec3 x\u00e1c \u0111\u1ecbnh m\u00e0u s\u1eafc b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp ch\u00ednh t\u00ean c\u1ee7a m\u00e0u \u0111\u00f3. Ch\u1eb3ng h\u1ea1n n\u1ebfu b\u1ea1n c\u1ea7n d\u00f9ng m\u00e0u \u0111\u1ecf th\u00ec ghi tr\u1ef1c ti\u1ebfp l\u00e0 red, ho\u1eb7c m\u00e0u cam l\u00e0 orange hay x\u00e1m l\u00e0 gray. M\u1ed9t \u01b0u \u0111i\u1ec3m c\u1ee7a t\u00ean m\u00e0u HTML ch\u00ednh l\u00e0 ch\u00fang ti\u1ec7n l\u1ee3i v\u00e0 kh\u00e1 d\u1ec5 nh\u1edb, b\u1ea1n ch\u1ec9 ghi tr\u1ef1c ti\u1ebfp t\u00ean m\u00e0u m\u00ecnh mong mu\u1ed1n. Tuy nhi\u00ean, b\u1ea3ng m\u00e0u s\u1ebd kh\u00f4ng \u0111a d\u1ea1ng nh\u01b0 c\u00e1c m\u00e3 m\u00e0u HTML thu\u1ed9c h\u1ec7 m\u00e0u kh\u00e1c.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:Tomato;\"&gt;Tomato&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:Orange;\"&gt;Orange&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:DodgerBlue;\"&gt;DodgerBlue&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:MediumSeaGreen;\"&gt;MediumSeaGreen&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:Gray;\"&gt;Gray&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:SlateBlue;\"&gt;SlateBlue&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:Violet;\"&gt;Violet&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"background-color:LightGray;\"&gt;LightGray&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65655 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - t\u00ean m\u00e0u html - itviec blog\" width=\"795\" height=\"556\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro.jpg 795w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro-300x210.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro-643x450.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro-200x140.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-6-vippro-100x70.jpg 100w\" sizes=\"auto, (max-width: 795px) 100vw, 795px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">C\u00e1ch x\u00e1c \u0111\u1ecbnh m\u00e0u s\u1eafc b\u1eb1ng t\u00ean m\u00e0u HTML.<\/span><\/em><\/p>\n<blockquote><p><em><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><a href=\"https:\/\/itviec.com\/it-jobs\/lap-trinh-vien-front-end\/ho-chi-minh-hcm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Vi\u1ec7c l\u00e0m L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/span><\/a><span style=\"font-weight: 400;\"> t\u1ea1i TP. H\u1ed3 Ch\u00ed Minh<\/span><\/em><\/p>\n<p><em><span style=\"font-weight: 400;\">Xem th\u00eam: <\/span><a href=\"https:\/\/itviec.com\/it-jobs\/lap-trinh-vien-front-end\/ha-noi\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Vi\u1ec7c l\u00e0m L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/span><\/a><span style=\"font-weight: 400;\"> t\u1ea1i H\u00e0 N\u1ed9i<\/span><\/em><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Cach_su_dung_bang_mau_HTML_trong_lap_trinh_web\"><\/span><b> C\u00e1ch s\u1eed d\u1ee5ng b\u1ea3ng m\u00e0u HTML trong l\u1eadp tr\u00ecnh web<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b> C\u00e1ch \u0111\u1ed5i m\u00e0u link trong HTML<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ed5i m\u00e0u c\u00e1c li\u00ean k\u1ebft l\u00e0 m\u1ed9t c\u00e1ch gi\u00fap t\u1ea1o \u0111i\u1ec3m nh\u1ea5n cho trang web c\u0169ng nh\u01b0 ph\u00e2n bi\u1ec7t \u0111\u01b0\u1ee3c ch\u00fang v\u1edbi v\u0103n b\u1ea3n th\u00f4ng th\u01b0\u1eddng. B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c h\u1ec7 m\u00e0u ho\u1eb7c b\u1ea3ng m\u00e0u HTML \u0111\u1ec3 \u0111\u1ed5i m\u00e0u li\u00ean k\u1ebft.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng m\u00e3 m\u00e0u HEX, b\u1ea1n s\u1ebd s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh &lt;a href&gt; v\u00e0 theo sau l\u00e0 style v\u00e0 m\u00e3 m\u00e0u b\u1ea1n mu\u1ed1n \u0111\u1ed5i m\u00e0u cho li\u00ean k\u1ebft c\u1ee7a m\u00ecnh.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0&lt;a href=\"http:\/\/example.com\/\" style=\"color:#FF0000;\"&gt;itviec.com&lt;\/a&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65662 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-12-vippro.png\" alt=\"b\u1ea3ng m\u00e0u html - c\u00e1ch \u0111\u1ed5i m\u00e0u link trong html - itviec blog\" width=\"168\" height=\"70\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-12-vippro.png 168w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-12-vippro-100x42.png 100w\" sizes=\"auto, (max-width: 168px) 100vw, 168px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3 c\u1ee7a \u0111o\u1ea1n code s\u1eed d\u1ee5ng m\u00e3 HEX.<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Ho\u1eb7c n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng t\u00ean m\u00e0u HTML th\u00ec ch\u1ec9 vi\u1ec7c thay th\u1ebf \u1edf ch\u1ed7 m\u00e3 m\u00e0u c\u1ee7a HEX th\u00e0nh t\u00ean m\u00e0u b\u1ea1n mong mu\u1ed1n. K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb c\u0169ng s\u1ebd t\u01b0\u01a1ng t\u1ef1 nh\u01b0 HEX.\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0&lt;a href=\"http:\/\/example.com\/\" style=\"color:red;\"&gt;itviec.com&lt;\/a&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">T\u01b0\u01a1ng t\u1ef1, n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng m\u00e3 m\u00e0u RGB th\u00ec s\u1ebd s\u1eed d\u1ee5ng m\u00e3 m\u00e0u l\u00e0 style=&#8221;color:rgba(255,0,0);\u201d v\u00e0 style=&#8221;color:hsl(0,100%,50%);\u201d cho m\u00e3 m\u00e0u HSL.<\/span><\/p>\n<h3><b> C\u00e1ch \u0111\u1ed5i m\u00e0u ch\u1eef trong HTML<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">C\u00e1ch \u0111\u1ed5i m\u00e0u ch\u1eef c\u1ee7a v\u0103n b\u1ea3n b\u1eb1ng t\u00ean m\u00e0u c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh color cho c\u00e1c elements trong HTML c\u00f9ng v\u1edbi t\u00ean m\u00e0u c\u1ee5 th\u1ec3 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh style=\u201ccolor:Tomato\u201d. Ho\u1eb7c n\u1ebfu s\u1eed d\u1ee5ng c\u00e1c h\u1ec7 m\u00e0u kh\u00e1c th\u00ec b\u1ea1n ch\u1ec9 c\u1ea7n thay th\u1ebf t\u00ean m\u00e0u b\u1eb1ng c\u01b0\u1eddng \u0111\u1ed9 m\u00e0u s\u1eafc m\u00ecnh mong mu\u1ed1n nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HEX: style=&#8221;color:#99FF99&#8243;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">RGB: style=&#8221;color:rgb(131,199,200)&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HSL: style=&#8221;color:hsl(50,20%,30%)&#8221;<\/span><\/li>\n<\/ul>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\n \u00a0&lt;h1 style=\"color:Tomato;\"&gt;B\u1ea3ng m\u00e0u HTML l\u00e0 g\u00ec&lt;\/h1&gt;\r\n \u00a0&lt;p style=\"color:DodgerBlue;\"&gt;C\u00e1c h\u1ec7 m\u00e0u trong HTML&lt;\/p&gt;\r\n \u00a0&lt;p style=\"color:MediumSeaGreen;\"&gt;C\u00e1ch \u0111\u1ed5i m\u00e0u v\u0103n b\u1ea3n&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/pre>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;h1 <\/span><b>style=\"color:Tomato;\"<\/b><span style=\"font-weight: 400;\">&gt;B\u1ea3ng m\u00e0u HTML l\u00e0 g\u00ec&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;p <\/span><b>style=\"color:#99FF99\"<\/b><span style=\"font-weight: 400;\">&gt;C\u00e1c h\u1ec7 m\u00e0u trong HTML&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;p <\/span><b>style=\"color:rgb(131,199,200)\"<\/b><span style=\"font-weight: 400;\">&gt;C\u00e1ch \u0111\u1ed5i m\u00e0u v\u0103n b\u1ea3n&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;p <\/span><b>style=\"color:hsl(50,20%,30%)\"<\/b><span style=\"font-weight: 400;\">&gt;M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 b\u1ea3ng m\u00e0u HTML&lt;\/p&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65654 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - \u0111\u1ed5i m\u00e0u ch\u1eef html - itviec blog\" width=\"678\" height=\"244\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro.jpg 678w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro-300x108.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro-640x230.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro-200x72.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-7-vippro-100x36.jpg 100w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">C\u00e1ch \u0111\u1ed5i m\u00e0u v\u0103n b\u1ea3n b\u1eb1ng c\u00e1c m\u00e3 m\u00e0u HTML.<\/span><\/em><\/p>\n<h3><b> C\u00e1ch \u0111\u1ed5i m\u00e0u n\u1ec1n ch\u1eef trong HTML<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ed5i m\u00e0u n\u1ec1n ch\u1eef trong HTML gi\u00fap t\u1ea1o th\u00eam \u0111i\u1ec3m n\u1ed5i b\u1eadt cho nh\u1eefng th\u00f4ng tin quan tr\u1ecdng m\u00e0 b\u1ea1n mu\u1ed1n t\u1ea1o \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi d\u00f9ng.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">N\u1ebfu s\u1eed d\u1ee5ng t\u00ean m\u00e0u HTML th\u00ec b\u1ea1n s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp t\u00ean m\u00e0u tr\u00ean ph\u1ea7n t\u1eed &lt;p&gt; v\u00e0 thu\u1ed9c t\u00ednh <\/span><b>style=\u201cbackground-color:Violet\u201d <\/b><span style=\"font-weight: 400;\">ho\u1eb7c t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi c\u00e1c m\u00e3 m\u00e0u kh\u00e1c nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HEX: style=&#8221;background-color:#FF0000;&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">RGB: style=&#8221;background-color:rgb(189,200,90);&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HSL: style=&#8221;background-color:hsl(100,70%,90%);&#8221;<\/span><\/li>\n<\/ul>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"<\/span><b>background-color:Violet<\/b><span style=\"font-weight: 400;\">;\"&gt;ITviec Blog&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;p style=\"<strong>background-color:Orange<\/strong>;\"&gt;Updates about salary, benefits, working policies, and careers in IT&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;p style=\"<\/span><b>background-color:#FF0000<\/b><span style=\"font-weight: 400;\">;\"&gt;C\u00e1c b\u00e0i vi\u1ebft v\u1ec1 ch\u1ee7 \u0111\u1ec1 FrontEnd&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;p style=\"<\/span><b>background-color:rgb(189,200,90)<\/b><span style=\"font-weight: 400;\">;\"&gt;T\u1ed5ng h\u1ee3p vi\u1ec7c l\u00e0m FrontEnd Developer t\u1ea1i TPHCM&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;p style=\"<\/span><b>background-color:hsl(100,70%,90%)<\/b><span style=\"font-weight: 400;\">;\"&gt;100+ t\u00e0i li\u1ec7u tham kh\u1ea3o v\u1ec1 l\u0129nh v\u1ef1c C\u00f4ng ngh\u1ec7 th\u00f4ng tin&lt;\/p&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65653 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - m\u00e0u n\u1ec1n ch\u1eef trong html - itviec blog\" width=\"747\" height=\"291\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro.jpg 747w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro-300x117.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro-700x273.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro-200x78.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-8-vippro-100x39.jpg 100w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">C\u00e1ch t\u1ea1o\u00a0m\u00e0u n\u1ec1n ch\u1eef trong HTML.<\/span><\/em><\/p>\n<h3><b> C\u00e1ch th\u00eam m\u00e0u vi\u1ec1n khung trong HTML<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">B\u1ea1n s\u1eed d\u1ee5ng c\u00e1c m\u00e3 m\u00e0u c\u0169ng nh\u01b0 t\u00ean m\u00e0u HTML \u0111\u1ec3 t\u00f4 m\u00e0u vi\u1ec1n khung b\u1eb1ng thu\u1ed9c t\u00ednh style=border nh\u01b0 sau:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">T\u00ean m\u00e0u: style=&#8221;border: 2px solid SlateBlue<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HEX: style=&#8221;border: 3px solid #FFE4E1;&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">RGB: style=&#8221;border: 4px solid rgb(240,50,255);\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">HSL: style=&#8221;border: 5px solid hsl(0,90%,70%);&#8221;<\/span><\/li>\n<\/ul>\n<pre style=\"text-align: left;\"><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"border: 2px solid <\/span><b>SlateBlue<\/b><span style=\"font-weight: 400;\">;\"&gt;ITviec Blog&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"border: 3px solid <\/span><b>#FFE4E1<\/b><span style=\"font-weight: 400;\">;\"&gt;Chuy\u00ean m\u00f4n IT&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"border: 4px solid <\/span><b>rgb(240,50,255)<\/b><span style=\"font-weight: 400;\">;\"&gt;S\u1ef1 nghi\u1ec7p IT&lt;\/h1&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;h1 style=\"border: 5px solid <\/span><b>hsl(0,90%,70%)<\/b><span style=\"font-weight: 400;\">;\"&gt;C\u00e1c c\u00f4ng ty IT t\u1ed1t nh\u1ea5t Vi\u1ec7t Nam&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65652 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro.jpg\" alt=\"b\u1ea3ng m\u00e0u html - m\u00e0u vi\u1ec1n html - itviec blog\" width=\"852\" height=\"385\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro.jpg 852w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro-300x136.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro-700x316.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro-200x90.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-9-vippro-100x45.jpg 100w\" sizes=\"auto, (max-width: 852px) 100vw, 852px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">C\u00e1ch t\u00f4 vi\u1ec1n khung b\u1eb1ng t\u00ean m\u00e0u HTML.<\/span><\/em><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mot_so_cau_hoi_thuong_gap_ve_bang_mau_HTML\"><\/span><b>M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 b\u1ea3ng m\u00e0u HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b> Nh\u1eefng m\u00e3 m\u00e0u HTML ph\u1ed5 bi\u1ebfn?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh vi\u1ec7c t\u00ecm ra b\u1ea3ng m\u00e0u ph\u00f9 h\u1ee3p cho trang web th\u00ec b\u1ea1n c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng m\u1ed9t s\u1ed1 m\u00e0u s\u1eafc ph\u1ed5 bi\u1ebfn \u0111\u01b0\u1ee3c nhi\u1ec1u developers l\u1ef1a ch\u1ecdn, nh\u01b0 sau:\u00a0<\/span><\/p>\n<ul>\n<li><b>M\u00e3 m\u00e0u tr\u1eafng (#FFFFFF):<\/b><span style=\"font-weight: 400;\"> M\u1ed9t trong ba tone m\u00e0u trung t\u00ednh c\u1ee7a l\u1eadp tr\u00ecnh web, d\u1ec5 s\u1eed d\u1ee5ng v\u00e0 ph\u1ed1i h\u1ee3p t\u1ed1t v\u1edbi c\u00e1c m\u00e0u s\u1eafc kh\u00e1c nhau. Trong l\u1eadp tr\u00ecnh web, m\u00e0u tr\u1eafng \u0111\u01b0\u1ee3c xem l\u00e0 m\u1ed9t ph\u00f4ng n\u1ec1n trung t\u00ednh cho ph\u00e9p c\u00e1c m\u00e0u kh\u00e1c n\u1ed5i b\u1eadt v\u00e0 g\u00e2y \u1ea5n t\u01b0\u1ee3ng h\u01a1n.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u \u0111en (#000000, #333333, #101010):<\/b><span style=\"font-weight: 400;\"> M\u00e0u trung t\u00ednh m\u1ea1nh nh\u1ea5t, t\u01b0\u1ee3ng tr\u01b0ng cho s\u1ee9c m\u1ea1nh v\u00e0 s\u1ef1 sang tr\u1ecdng. M\u00e0u \u0111en th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nhi\u1ec1u trong \u0111\u1ecbnh d\u1ea1ng m\u00e0u ch\u1eef, vi\u1ec1n khung hay m\u00e0u n\u1ec1n, truy\u1ec1n \u0111\u1ea1t c\u1ea3m gi\u00e1c tinh t\u1ebf v\u00e0 b\u00ed \u1ea9n cho trang web.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u x\u00e1m (#C0C0C0, #CCCCCC, #EEEEEE,#696969, #808080, #DDDDDD, #999999)<\/b><span style=\"font-weight: 400;\">: M\u1ed9t m\u00e0u trung t\u00ednh m\u00f4 t\u1ea3 cho s\u1ef1 hi\u1ec7n \u0111\u1ea1i v\u00e0 trang tr\u1ecdng, c\u00f3 th\u1ec3 d\u00f9ng thay th\u1ebf cho m\u00e0u tr\u1eafng trong thi\u1ebft k\u1ebf web. M\u00e0u x\u00e1m \u0111\u01b0\u1ee3c xem nh\u01b0 l\u00e0 m\u1ed9t tone m\u00e0u tinh khi\u1ebft h\u01a1n c\u1ee7a \u0111en v\u00e0 mang l\u1ea1i t\u00ednh chuy\u00ean nghi\u1ec7p cao cho trang web.<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u n\u00e2u (#420420, #794044)<\/b><span style=\"font-weight: 400;\">: Tone m\u00e0u trung t\u00ednh \u1ea5m \u00e1p \u0111em \u0111\u1ebfn c\u1ea3m thanh l\u1ecbch v\u00e0 sang tr\u1ecdng. Trong l\u1eadp tr\u00ecnh web, m\u00e0u n\u00e2u th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u00e0m m\u00e0u n\u1ec1n ho\u1eb7c l\u00e0 thay th\u1ebf cho m\u00e0u \u0111en trong \u0111\u1ecbnh d\u1ea1ng m\u00e0u ch\u1eef, m\u00e0u vi\u1ec1n.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u xanh d\u01b0\u01a1ng (#00FFFF, #0000FF, #C6E2FF, #B0E0E6, #AFEEEE, #00CED1, #088DA5, #0A75AD, #2ACAEA): <\/b><span style=\"font-weight: 400;\">M\u00e0u xanh d\u01b0\u01a1ng mang \u0111\u1ebfn c\u1ea3m gi\u00e1c t\u01b0\u01a1i m\u00e1t v\u00e0 th\u01b0 gi\u00e3n, \u00fd t\u01b0\u1edfng tuy\u1ec7t v\u1eddi cho m\u00e0u s\u1eafc ch\u1ee7 \u0111\u1ea1o trang web c\u1ee7a c\u00f4ng ty.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u \u0111\u1ecf (#FF0000, #FF73737, #FA8072, #990000, #8B0000, #CC0000): <\/b><span style=\"font-weight: 400;\">M\u1ed9t tone m\u00e0u c\u1ef1c k\u1ef3 n\u1ed5i b\u1eadt, t\u01b0\u1ee3ng tr\u01b0ng cho s\u1ef1 \u0111am m\u00ea v\u00e0 s\u1ee9c m\u1ea1nh. Trong l\u1eadp tr\u00ecnh web, m\u00e0u \u0111\u1ecf th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 highlight c\u00e1c th\u00f4ng tin quan tr\u1ecdng. C\u00e1c s\u1eafc \u0111\u1ed9 nh\u1ea1t h\u01a1n c\u1ee7a m\u00e0u \u0111\u1ecf s\u1ebd s\u1eed d\u1ee5ng cho \u0111\u1ecbnh d\u1ea1ng m\u00e0u vi\u1ec1n ho\u1eb7c background c\u1ee7a trang web.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u v\u00e0ng (#FFD700, #FFFF00, #FFF68F, #FFFF66, #DAA520): <\/b><span style=\"font-weight: 400;\">M\u00e0u s\u1eafc \u1ea5m \u00e1p gi\u00fap trang web th\u00eam ph\u1ea7n n\u1ed5i b\u1eadt v\u00e0 \u1ea5n t\u01b0\u1ee3ng h\u01a1n. C\u00e1c tone v\u00e0ng nh\u1ea1t h\u01a1n \u0111\u01b0\u1ee3c gi\u1edbi tr\u1ebb s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn hi\u1ec7n nay, trong khi c\u00e1c m\u00e0u v\u00e0ng s\u1eabm th\u00ec \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong c\u00e1c thi\u1ebft k\u1ebf mang h\u01b0\u1edbng vintage v\u00e0 ho\u00e0i c\u1ed5.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u cam (#FF7F50, #FFA500, #FFC3A0): <\/b><span style=\"font-weight: 400;\">M\u1ed9t tone m\u00e0u s\u00f4i \u0111\u1ed9ng, tr\u00e0n \u0111\u1ea7y n\u0103ng l\u01b0\u1ee3ng v\u00e0 \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 th\u00e2n thi\u1ec7n, d\u1ec5 thu h\u00fat \u1ea5n t\u01b0\u1ee3ng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. B\u00ean c\u1ea1nh tone cam quen thu\u1ed9c th\u00ec c\u00e1c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u1eed qua c\u00e1c tone m\u00e0u pastel mang s\u1eafc \u0111\u1ed9 nh\u1eb9 nh\u00e0ng v\u00e0 trong su\u1ed1t h\u01a1n.\u00a0<\/span><\/li>\n<li><b>M\u00e3 m\u00e0u t\u00edm (#800080, #FF00FF, #660066, #8A2BE2): <\/b><span style=\"font-weight: 400;\">T\u00edm l\u00e0 s\u1ef1 k\u1ebft h\u1ee3p gi\u1eefa m\u00e0u \u0111\u1ecf v\u00e0 xanh, mang l\u1ea1i c\u1ea3m gi\u00e1c sang tr\u1ecdng v\u00e0 l\u00e3ng m\u1ea1ng cho c\u00e1c trang web.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh c\u00e1c m\u00e3 m\u00e0u HTML ph\u1ed5 bi\u1ebfn th\u00ec th\u00f4ng th\u01b0\u1eddng trong l\u1eadp tr\u00ecnh Frontend, c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean c\u0169ng th\u01b0\u1eddng s\u1eed d\u1ee5ng b\u1ea3ng m\u00e0u ph\u1ed1i, t\u1ee9c l\u00e0 palette m\u00e0u t\u1eadp h\u1ee3p c\u00e1c m\u00e0u s\u1eafc t\u01b0\u01a1ng \u0111\u1ed3ng v\u00e0 h\u00e0i h\u00f2a v\u1edbi nhau, c\u1ee5 th\u1ec3 nh\u01b0 sau:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65651 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro.jpg\" alt=\"m\u00e0u html - itviec blog\" width=\"831\" height=\"688\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro.jpg 831w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro-300x248.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro-768x636.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro-200x166.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro-100x83.jpg 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-10-vippro-544x450.jpg 544w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65650 aligncenter\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro.jpg\" alt=\"m\u00e0u html - itviec blog\" width=\"792\" height=\"652\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro.jpg 792w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro-300x247.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro-768x632.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro-200x165.jpg 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro-100x82.jpg 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-11-vippro-547x450.jpg 547w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/p>\n<p style=\"text-align: center;\"><em><span style=\"font-weight: 400;\">M\u1ed9t s\u1ed1 b\u1ea3ng m\u00e0u ph\u1ed1i ph\u1ed5 bi\u1ebfn nhi\u1ec1u developers l\u1ef1a ch\u1ecdn (Ngu\u1ed3n: color-hex.com)<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, c\u00e1c developer c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn m\u00e3 m\u00e0u HTML theo h\u1ec7 m\u00e0u HEX, RGB hay t\u00ean m\u00e0u HTML. T\u00f9y theo nhu c\u1ea7u v\u00e0 m\u1ee5c \u0111\u00edch s\u1eed d\u1ee5ng m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn m\u00e3 m\u00e0u ph\u00f9 h\u1ee3p nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>T\u00ean m\u00e0u HTML:<\/b><span style=\"font-weight: 400;\"> Ti\u1ec7n l\u1ee3i v\u00e0 d\u1ec5 d\u00e0ng s\u1eed d\u1ee5ng, b\u1ea1n kh\u00f4ng c\u1ea7n nh\u1edb m\u00e3 m\u00e0u c\u1ee5 th\u1ec3. Tuy nhi\u00ean b\u1ea3ng m\u00e3 n\u00e0y l\u1ea1i gi\u1edbi h\u1ea1n v\u1ec1 s\u1ed1 l\u01b0\u1ee3ng m\u00e0u s\u1eafc trong b\u1ea3ng m\u00e0u.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HEX:<\/b><span style=\"font-weight: 400;\"> \u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn hi\u1ec7n nay trong qu\u00e1 tr\u00ecnh thi\u1ebft k\u1ebf website. Tuy nhi\u00ean HEX l\u1ea1i kh\u00f4ng tr\u1ef1c quan v\u1ec1 \u0111\u1ed9 trong su\u1ed1t.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>RGB\/RGBa:<\/b><span style=\"font-weight: 400;\"> C\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 trong su\u1ed1t c\u1ee7a m\u00e0u, ph\u00f9 h\u1ee3p v\u1edbi c\u00f4ng vi\u1ec7c y\u00eau c\u1ea7u s\u1ef1 ch\u00ednh x\u00e1c v\u1ec1 m\u00e0u s\u1eafc ho\u1eb7c t\u1ea1o nh\u1eefng hi\u1ec7u \u1ee9ng ch\u1eef \u0111\u1eb7c bi\u1ec7t.\u00a0<\/span><\/li>\n<\/ul>\n<h3><b> Ch\u1ecdn b\u1ea3ng m\u00e0u HTML b\u1eb1ng c\u00f4ng c\u1ee5 n\u00e0o?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Ch\u1ecdn b\u1ea3ng m\u00e0u ph\u00f9 h\u1ee3p c\u0169ng l\u00e0 m\u1ed9t ph\u1ea7n quan tr\u1ecdng khi thi\u1ebft k\u1ebf website \u0111\u1ec3 t\u1ed5ng th\u1ec3 c\u00f3 b\u1ed1 c\u1ee5c m\u00e0u s\u1eafc h\u00e0i h\u00f2a v\u00e0 h\u1ee3p l\u00fd. \u0110\u1ec3 ch\u1ecdn ra \u0111\u01b0\u1ee3c b\u1ea3ng m\u00e0u v\u1edbi s\u1ef1 pha tr\u1ed9n m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o qua m\u1ed9t s\u1ed1 c\u00f4ng c\u1ee5 t\u1ea1o b\u1ea3ng m\u00e0u ph\u1ed5 bi\u1ebfn hi\u1ec7n nay nh\u01b0:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Coolors<\/span><\/a><span style=\"font-weight: 400;\">: C\u00f4ng c\u1ee5 t\u1ea1o b\u1ea3ng m\u00e0u \u0111\u01b0\u1ee3c \u01b0a chu\u1ed9ng hi\u1ec7n nay v\u1edbi giao di\u1ec7n th\u00e2n thi\u1ec7n, d\u1ec5 s\u1eed d\u1ee5ng c\u00f9ng th\u01b0 vi\u1ec7n b\u1ea3ng m\u00e0u lu\u00f4n \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt li\u00ean t\u1ee5c.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"http:\/\/www.colorhunt.co\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Color Hunt<\/span><\/a><span style=\"font-weight: 400;\">: M\u1ed9t \u201cth\u01b0 vi\u1ec7n m\u00e0u s\u1eafc\u201d gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng t\u00ecm th\u1ea5y c\u00e1c b\u1ea3ng m\u00e0u v\u1edbi nhi\u1ec1u m\u00e0u s\u1eafc \u0111\u01b0\u1ee3c mix v\u1edbi nhau m\u1ed9t c\u00e1ch h\u00e0i h\u00f2a hay nh\u1eefng palettes m\u00e0u n\u1ed5i b\u1eadt \u0111\u01b0\u1ee3c nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng y\u00eau th\u00edch.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/color.hailpixel.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Color by Hailpixel<\/span><\/a><span style=\"font-weight: 400;\">: Giao di\u1ec7n gi\u00fap t\u1ea1o b\u1ea3ng m\u00e0u m\u1ed9t c\u00e1ch th\u00fa v\u1ecb b\u1eb1ng c\u00e1ch di chuy\u1ec3n con tr\u1ecf chu\u1ed9t. B\u1ea1n ch\u1ec9 c\u1ea7n di chu\u1ed9t xung quanh \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u s\u1eafc, \u0111\u1ed9 s\u00e1ng hay \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 b\u00e3o h\u00f2a. B\u1eb1ng c\u00e1ch n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 th\u1ecfa s\u1ee9c s\u00e1ng t\u1ea1o n\u00ean nh\u1eefng m\u00e0u s\u1eafc cho ri\u00eang m\u00ecnh.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.toptal.com\/designers\/colourcode\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Colour Code:<\/span><\/a><span style=\"font-weight: 400;\"> T\u01b0\u01a1ng t\u1ef1 v\u1edbi Hailpixel, Colour Code c\u0169ng cho ph\u00e9p b\u1ea1n t\u1ea1o b\u1ea3ng m\u00e0u d\u1ef1a tr\u00ean vi\u1ec7c di chuy\u1ec3n con tr\u1ecf chu\u1ed9t. B\u00ean c\u1ea1nh \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 xu\u1ea5t file b\u1ea3ng m\u00e0u c\u1ee7a m\u00ecnh \u1edf \u0111\u1ecbnh d\u1ea1ng SCSS, LESS hay PNG.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tong_ket_Bang_mau_HTML\"><\/span><b>T\u1ed5ng k\u1ebft B\u1ea3ng m\u00e0u HTML<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nh\u01b0 v\u1eady, b\u00e0i vi\u1ebft \u0111\u00e3 t\u1ed5ng h\u1ee3p ki\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n v\u1ec1 b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch \u0111\u1ec3 \u00e1p d\u1ee5ng m\u00e3 m\u00e0u HTML tr\u00ean website. Hy v\u1ecdng qua b\u00e0i vi\u1ebft, c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean c\u00f3 \u0111\u01b0\u1ee3c n\u1ec1n t\u1ea3ng c\u01a1 b\u1ea3n \u0111\u1ec3 thi\u1ebft k\u1ebf m\u1ed9t trang web n\u1ed5i b\u1eadt v\u00e0 sinh \u0111\u1ed9ng.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">N\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 HTML s\u1ebd gi\u00fap c\u00e1c developers t\u0103ng c\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m v\u1edbi m\u1ee9c l\u01b0\u01a1ng h\u1ea5p d\u1eabn trong th\u1ecb tr\u01b0\u1eddng tuy\u1ec3n d\u1ee5ng ng\u00e0y nay. \u0110\u1eebng qu\u00ean theo d\u00f5i ITviec \u0111\u1ec3 \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1 l\u0129nh v\u1ef1c c\u00f4ng ngh\u1ec7 th\u00f4ng tin b\u1ea1n nh\u00e9.<\/span><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"sp-no-webp wp-image-5668 aligncenter sp-no-webp entered lazyloaded\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-60x60.png 60w\" alt=\"robby-2\" width=\"300\" height=\"300\" data-lazy-src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png\" data-lazy-sizes=\"(max-width: 300px) 100vw, 300px\" data-lazy-srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-60x60.png 60w\" data-ll-status=\"loaded\" \/><\/figure>\n<\/div>\n<p id=\"block-bdf220a1-3635-4794-9101-81d879939b92\" class=\"has-text-align-center\" style=\"text-align: center;\"><strong>B\u1ea1n th\u1ea5y b\u00e0i vi\u1ebft hay v\u00e0 h\u1eefu \u00edch? \u0110\u1eebng ng\u1ea1i Share v\u1edbi b\u1ea1n b\u00e8 v\u00e0 \u0111\u1ed3ng nghi\u1ec7p nh\u00e9.<\/strong><\/p>\n<p id=\"block-a1315aab-406f-48df-97fc-6b9584e6e134\" class=\"has-text-align-center\" style=\"text-align: center;\"><strong>V\u00e0 nhanh tay tham kh\u1ea3o\u00a0<a href=\"http:\/\/itviec.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">vi\u1ec7c l\u00e0m IT<\/a>\u00a0\u201cch\u1ea5t\u201d tr\u00ean ITviec<\/strong>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u1edbi c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean, vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch l\u1ea5y m\u00e3 m\u00e0u l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft gi\u00fap t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c hi\u1ec7u qu\u1ea3 v\u00e0 nhanh ch\u00f3ng h\u01a1n. L\u1ef1a ch\u1ecdn nh\u1eefng m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p v\u00e0 c\u00f3 \u0111\u1ed9 h\u00e0i h\u00f2a s\u1ebd gi\u00fap trang web th\u00eam ph\u1ea7n \u1ea5n t\u01b0\u1ee3ng trong m\u1eaft ng\u01b0\u1eddi [&hellip;]<\/p>\n","protected":false},"author":207,"featured_media":65835,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109],"tags":[],"class_list":["post-65224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>B\u1ea3ng m\u00e0u HTML: Chi ti\u1ebft c\u00e1ch \u0111\u1ed5i m\u00e0u n\u1ec1n, \u0111\u1ed5i m\u00e0u ch\u1eef HTML - ITviec Blog<\/title>\n<meta name=\"description\" content=\"Vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng m\u00e3 m\u00e0u HTML l\u00e0 \u0111i\u1ec1u c\u1ef1c k\u1ef3 quan tr\u1ecdng. T\u1ed5ng h\u1ee3p c\u00e1ch x\u00e1c \u0111\u1ecbnh m\u00e3 m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/bang-mau-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML\" \/>\n<meta property=\"og:description\" content=\"V\u1edbi c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean, vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch l\u1ea5y m\u00e3 m\u00e0u l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft gi\u00fap t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c hi\u1ec7u qu\u1ea3 v\u00e0 nhanh ch\u00f3ng h\u01a1n. L\u1ef1a ch\u1ecdn\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/bang-mau-html\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-01T05:13:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T06:58:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3959\" \/>\n\t<meta property=\"og:image:height\" content=\"2084\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Uyen Ngo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Uyen Ngo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"B\u1ea3ng m\u00e0u HTML: Chi ti\u1ebft c\u00e1ch \u0111\u1ed5i m\u00e0u n\u1ec1n, \u0111\u1ed5i m\u00e0u ch\u1eef HTML - ITviec Blog","description":"Vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng m\u00e3 m\u00e0u HTML l\u00e0 \u0111i\u1ec1u c\u1ef1c k\u1ef3 quan tr\u1ecdng. T\u1ed5ng h\u1ee3p c\u00e1ch x\u00e1c \u0111\u1ecbnh m\u00e3 m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang.","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:\/\/itviec.com\/blog\/bang-mau-html\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML","og_description":"V\u1edbi c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean, vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch l\u1ea5y m\u00e3 m\u00e0u l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft gi\u00fap t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c hi\u1ec7u qu\u1ea3 v\u00e0 nhanh ch\u00f3ng h\u01a1n. L\u1ef1a ch\u1ecdn","og_url":"https:\/\/itviec.com\/blog\/bang-mau-html\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2024-04-01T05:13:29+00:00","article_modified_time":"2024-04-12T06:58:42+00:00","og_image":[{"width":3959,"height":2084,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png","type":"image\/png"}],"author":"Uyen Ngo","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Uyen Ngo","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"17 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/"},"author":{"name":"Uyen Ngo","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20"},"headline":"T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML","datePublished":"2024-04-01T05:13:29+00:00","dateModified":"2024-04-12T06:58:42+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/"},"wordCount":3789,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/","url":"https:\/\/itviec.com\/blog\/bang-mau-html\/","name":"B\u1ea3ng m\u00e0u HTML: Chi ti\u1ebft c\u00e1ch \u0111\u1ed5i m\u00e0u n\u1ec1n, \u0111\u1ed5i m\u00e0u ch\u1eef HTML - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png","datePublished":"2024-04-01T05:13:29+00:00","dateModified":"2024-04-12T06:58:42+00:00","description":"Vi\u1ec7c n\u1eafm v\u1eefng b\u1ea3ng m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng m\u00e3 m\u00e0u HTML l\u00e0 \u0111i\u1ec1u c\u1ef1c k\u1ef3 quan tr\u1ecdng. T\u1ed5ng h\u1ee3p c\u00e1ch x\u00e1c \u0111\u1ecbnh m\u00e3 m\u00e0u HTML v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng ch\u00fang.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/bang-mau-html\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/bang-mau-html-blog-thumbnail-vippro.png","width":3959,"height":2084,"caption":"b\u1ea3ng m\u00e0u html - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/bang-mau-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"T\u1ed5ng h\u1ee3p chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t v\u1ec1 B\u1ea3ng m\u00e0u HTML"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20","name":"Uyen Ngo","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","caption":"Uyen Ngo"},"url":"https:\/\/itviec.com\/blog\/author\/uyen-ngo\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/65224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=65224"}],"version-history":[{"count":0,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/65224\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/65835"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=65224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=65224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=65224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}