{"id":20203,"date":"2013-06-22T17:59:00","date_gmt":"2013-06-22T17:59:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/06\/22\/cac-cach-khai-bao-mau-sac-trong-css\/"},"modified":"2013-06-22T17:59:00","modified_gmt":"2013-06-22T17:59:00","slug":"cac-cach-khai-bao-mau-sac-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/","title":{"rendered":"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS"},"content":{"rendered":"\n<p>M\u00e3 hex l\u00e0 c\u00e1ch ch\u1ee7 y\u1ebfu d\u00f9ng \u0111\u1ec3 khai b\u00e1o c\u00e1c gi\u00e1 tr\u1ecb m\u00e0u trong CSS, ngo\u00e0i ra \u0111\u1ecbnh d\u1ea1ng rgba \u0111ang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ng\u00e0y c\u00e0ng r\u1ed9ng r\u00e3i &#8211; trong \u0111\u00f3 a ngh\u0129a l\u00e0 alpha hay c\u00f2n g\u1ecdi l\u00e0 \u0111\u1ed9 trong su\u1ed1t n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 1.<\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 c\u00e1ch khai b\u00e1o h\u1ee3p l\u1ec7:<\/p>\n\n\n\n<ul><li>#RRGGBB (\u0111\u00e2y l\u00e0 c\u00e1ch t\u00f4i th\u01b0\u1eddng d\u00f9ng nh\u1ea5t), vi\u1ebft hoa hay th\u01b0\u1eddng \u0111\u1ec1u \u0111\u01b0\u1ee3c, v\u00ed d\u1ee5: &nbsp;<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>color:#FFFFFF;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>color:#ffffff;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<ul><li>rgb(#R,#G,#B), c\u00e1c gi\u00e1 tr\u1ecb s\u1ed1 t\u1eeb 0 \u0111\u1ebfn 255, v\u00ed d\u1ee5:&nbsp;<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>color:rgb(69,00,00);<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<ul><li>rgb(R%,G%,B%) &#8211; c\u00e1c gi\u00e1 tr\u1ecb ph\u1ea7n tr\u0103m n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 100%, v\u00ed d\u1ee5,&nbsp;<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>color:rgb(23%,15%,25%);<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<ul><li>rgba(R,G,B,A), v\u00ed d\u1ee5<span style=\"font-family: Courier New, Courier, monospace;\">:<\/span><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>color:rgb(69,00,00,0.3);<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<ul><li>Theo t\u00ean ti\u1ebfng Anh c\u1ee7a m\u00e0u (\u0111\u00e2y l\u00e0 c\u00e1ch \u01b0a th\u00edch c\u1ee7a t\u00f4i), v\u00ed d\u1ee5:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>color:red; <\/code><\/pre>\n\n\n\n<p>(xem th\u00eam: <a href=\"https:\/\/kiencang.net\/danh-sach-17-ten-mau-sac-tieu-chuan-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Danh s\u00e1ch 17 t\u00ean m\u00e0u ti\u00eau chu\u1ea9n trong CSS<\/a>)<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 2 h\u00ecnh vu\u00f4ng 200px v\u1edbi c\u00f9ng m\u00e3 m\u00e0u <span style=\"font-family: Courier New, Courier, monospace;\">#690000<\/span> v\u1edbi \u0111\u1ed9 trong su\u1ed1t l\u00e0 0.3 \u1edf b\u00ean tr\u00e1i, v\u00e0 0.95 \u1edf b\u00ean ph\u1ea3i:<\/p>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"background-color: rgba(69,00,00,.3); float: left; height: 200px; width: 33%;\">&amp;nbsp;&lt;\/div>\n\n&lt;div style=\"background-color: rgba(69,00,00,.95); float: right; height: 200px; width: 33%;\">&amp;nbsp;&lt;\/div><\/code><\/pre>\n\n\n\n<div style=\"background-color: rgba(69,00,00,.3); float: left; height: 200px; width: 33%;\">&nbsp;<\/div>\n\n\n\n<div style=\"background-color: rgba(69,00,00,.95); float: right; height: 200px; width: 33%;\">&nbsp;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>M\u00e3 hex l\u00e0 c\u00e1ch ch\u1ee7 y\u1ebfu d\u00f9ng \u0111\u1ec3 khai b\u00e1o c\u00e1c gi\u00e1 tr\u1ecb m\u00e0u trong CSS, ngo\u00e0i ra \u0111\u1ecbnh d\u1ea1ng rgba \u0111ang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ng\u00e0y c\u00e0ng r\u1ed9ng r\u00e3i &#8211; trong \u0111\u00f3 a ngh\u0129a l\u00e0 alpha hay c\u00f2n g\u1ecdi l\u00e0 \u0111\u1ed9 trong su\u1ed1t n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 1. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"M\u00e3 hex l\u00e0 c\u00e1ch ch\u1ee7 y\u1ebfu d\u00f9ng \u0111\u1ec3 khai b\u00e1o c\u00e1c gi\u00e1 tr\u1ecb m\u00e0u trong CSS, ngo\u00e0i ra \u0111\u1ecbnh d\u1ea1ng rgba \u0111ang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ng\u00e0y c\u00e0ng r\u1ed9ng r\u00e3i &#8211; trong \u0111\u00f3 a ngh\u0129a l\u00e0 alpha hay c\u00f2n g\u1ecdi l\u00e0 \u0111\u1ed9 trong su\u1ed1t n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 1. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-22T17:59:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"M\u00e3 hex l\u00e0 c\u00e1ch ch\u1ee7 y\u1ebfu d\u00f9ng \u0111\u1ec3 khai b\u00e1o c\u00e1c gi\u00e1 tr\u1ecb m\u00e0u trong CSS, ngo\u00e0i ra \u0111\u1ecbnh d\u1ea1ng rgba \u0111ang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ng\u00e0y c\u00e0ng r\u1ed9ng r\u00e3i &#8211; trong \u0111\u00f3 a ngh\u0129a l\u00e0 alpha hay c\u00f2n g\u1ecdi l\u00e0 \u0111\u1ed9 trong su\u1ed1t n\u1eb1m trong kho\u1ea3ng t\u1eeb 0 \u0111\u1ebfn 1. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 &hellip;","og_url":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-06-22T17:59:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"1 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/","url":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/","name":"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-06-22T17:59:00+00:00","dateModified":"2013-06-22T17:59:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1c c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20203"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=20203"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20203\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}