{"id":22010,"date":"2022-10-02T12:00:27","date_gmt":"2022-10-02T12:00:27","guid":{"rendered":"https:\/\/kb.hostatom.com\/?p=22010"},"modified":"2025-11-05T03:43:48","modified_gmt":"2025-11-05T03:43:48","slug":"html-colors","status":"publish","type":"post","link":"https:\/\/kb.hostatom.com\/lesson\/22010\/","title":{"rendered":"HTML\u00a0Colors"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

HTML Color (\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e43\u0e19 HTML) \u0e16\u0e39\u0e01\u0e23\u0e30\u0e1a\u0e38\u0e14\u0e49\u0e27\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e04\u0e48\u0e32 RGB, HEX, HSL, RGBA \u0e2b\u0e23\u0e37\u0e2d HSLA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\tHTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e44\u0e14\u0e49 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a RGB, HEX, HSL \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e41\u0e1a\u0e1a\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e41\u0e2a\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07 RGBA \u0e41\u0e25\u0e30 HSLA\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0e43\u0e19 HTML \u0e2a\u0e35\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\r\n
Tomato<\/div>\r\n
Orange<\/div>\r\n
DodgerBlue<\/div>\r\n
MediumSeaGreen<\/div>\r\n
Gray<\/div>\r\n
SlateBlue<\/div>\r\n
Violet<\/div>\r\n
LightGray<\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0e0b\u0e36\u0e48\u0e07 HTML \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e0a\u0e37\u0e48\u0e2d \u0e2a\u0e35\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 140 \u0e0a\u0e37\u0e48\u0e2d<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a HTML Element \u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t<h1 style=\"background-color:DodgerBlue;\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e07\u0e31\u0e1a<\/h1>\r\n<p style=\"background-color:Tomato;\">\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e19\u0e27\u0e2a\u0e49\u0e21\u0e42\u0e17\u0e21\u0e32\u0e42\u0e17\u0e48<\/p><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd315ea elementor-widget elementor-widget-button\" data-id=\"dd315ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_background\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80061d1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"80061d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5367fa elementor-widget elementor-widget-heading\" data-id=\"d5367fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2a\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22054f5 elementor-widget elementor-widget-text-editor\" data-id=\"22054f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbf8668 elementor-widget elementor-widget-code-highlight\" data-id=\"dbf8668\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><p style=\"color:Tomato;\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e35<\/p>\r\n<p style=\"color:DodgerBlue;\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e35 2<\/p>\r\n<p style=\"color:MediumSeaGreen;\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e35 3<\/p><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdef498 elementor-widget elementor-widget-button\" data-id=\"bdef498\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_text\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d25056a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d25056a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0d28ef elementor-widget elementor-widget-heading\" data-id=\"b0d28ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2a\u0e35\u0e02\u0e2d\u0e1a\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-740a54a elementor-widget elementor-widget-text-editor\" data-id=\"740a54a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e02\u0e2d\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f88b8c2 elementor-widget elementor-widget-code-highlight\" data-id=\"f88b8c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"border: 2px solid Tomato;\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e02\u0e2d\u0e1a\u0e2a\u0e35<\/h1>\r\n<h1 style=\"border: 2px solid DodgerBlue;\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e02\u0e2d\u0e1a\u0e2a\u0e35<\/h1>\r\n<h1 style=\"border: 2px solid Violet;\">\u0e01\u0e32\u0e23\u0e17\u0e33\u0e02\u0e2d\u0e1a\u0e2a\u0e35<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17d61f4 elementor-widget elementor-widget-button\" data-id=\"17d61f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_border\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08e768a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"08e768a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3df65 elementor-widget elementor-widget-heading\" data-id=\"6c3df65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e04\u0e48\u0e32\u0e2a\u0e35\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85c8b97 elementor-widget elementor-widget-text-editor\" data-id=\"85c8b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e43\u0e19 HTML \u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e2a\u0e35\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e04\u0e48\u0e32 RGB \u0e04\u0e48\u0e32 HEX \u0e04\u0e48\u0e32 HSL \u0e04\u0e48\u0e32 RGBA \u0e41\u0e25\u0e30\u0e04\u0e48\u0e32 HSLA\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a65de06 elementor-widget elementor-widget-code-highlight\" data-id=\"a65de06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:rgb(255, 99, 71);\">rgb(255, 99, 71)<\/h1>\r\n<h1 style=\"background-color:#ff6347;\">#ff6347<\/h1>\r\n<h1 style=\"background-color:hsl(9, 100%, 64%);\">hsl(9, 100%, 64%)<\/h1>\r\n\r\n<h1 style=\"background-color:rgba(255, 99, 71, 0.5);\">rgba(255, 99, 71, 0.5)<\/h1>\r\n<h1 style=\"background-color:hsla(9, 100%, 64%, 0.5);\">hsla(9, 100%, 64%, 0.5)<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0fcb7b elementor-widget elementor-widget-button\" data-id=\"c0fcb7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_values\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a57c28 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8a57c28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-253cd8d elementor-widget elementor-widget-heading\" data-id=\"253cd8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e04\u0e48\u0e32\u0e2a\u0e35 RGB\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-421931a elementor-widget elementor-widget-text-editor\" data-id=\"421931a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e43\u0e19 HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a RGB (Red, Green, Blue)<br \/>\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 0\u2013255 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1a\u0e2d\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e35<br \/>\u0e0b\u0e36\u0e48\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1c\u0e2a\u0e21\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 16,777,216 \u0e2a\u0e35 (256 \u00d7 256 \u00d7 256)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e93ac07 elementor-widget elementor-widget-html\" data-id=\"e93ac07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ls-tbl-wrap\">\r\n<table class=\"ls-tbl\">\r\n<tr><th>\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07<\/th><th>\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/th><th>\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22<\/th><\/tr>\r\n<tr><td><code>rgb(255, 0, 0)<\/code><\/td><td><span class=\"color-box\" style=\"background:red\"><\/span>\u0e2a\u0e35\u0e41\u0e14\u0e07<\/td><td>\u0e04\u0e48\u0e32\u0e41\u0e14\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 (255) \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e02\u0e35\u0e22\u0e27\u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e1b\u0e47\u0e19 0<\/td><\/tr>\r\n<tr><td><code>rgb(0, 255, 0)<\/code><\/td><td><span class=\"color-box\" style=\"background:green\"><\/span>\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27<\/td><td>\u0e04\u0e48\u0e32\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 0<\/td><\/tr>\r\n<tr><td><code>rgb(0, 0, 255)<\/code><\/td><td><span class=\"color-box\" style=\"background:blue\"><\/span>\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19<\/td><td>\u0e04\u0e48\u0e32\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 0<\/td><\/tr>\r\n<tr><td><code>rgb(0, 0, 0)<\/code><\/td><td><span class=\"color-box\" style=\"background:black\"><\/span>\u0e2a\u0e35\u0e14\u0e33<\/td><td>\u0e17\u0e38\u0e01\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e40\u0e1b\u0e47\u0e19 0<\/td><\/tr>\r\n<tr><td><code>rgb(255, 255, 255)<\/code><\/td><td><span class=\"color-box\" style=\"background:white\"><\/span>\u0e2a\u0e35\u0e02\u0e32\u0e27<\/td><td>\u0e17\u0e38\u0e01\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e40\u0e1b\u0e47\u0e19 255<\/td><\/tr>\r\n<\/table>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d5e47 elementor-widget elementor-widget-code-highlight\" data-id=\"84d5e47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:rgb(255, 0, 0);\">rgb(255, 0, 0)<\/h1>\r\n<h1 style=\"background-color:rgb(0, 0, 255);\">rgb(0, 0, 255)<\/h1>\r\n<h1 style=\"background-color:rgb(60, 179, 113);\">rgb(60, 179, 113)<\/h1>\r\n<h1 style=\"background-color:rgb(238, 130, 238);\">rgb(238, 130, 238)<\/h1>\r\n<h1 style=\"background-color:rgb(255, 165, 0);\">rgb(255, 165, 0)<\/h1>\r\n<h1 style=\"background-color:rgb(106, 90, 205);\">rgb(106, 90, 205)<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb1e29c elementor-widget elementor-widget-button\" data-id=\"eb1e29c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_rgb\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1db76ec elementor-widget elementor-widget-spacer\" data-id=\"1db76ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c7cd5 elementor-widget elementor-widget-heading\" data-id=\"c6c7cd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e40\u0e17\u0e32\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4210115 elementor-widget elementor-widget-text-editor\" data-id=\"4210115\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e40\u0e17\u0e32\u0e21\u0e31\u0e01\u0e16\u0e39\u0e01\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e21\u0e15\u0e31\u0e27:\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9225d73 elementor-widget elementor-widget-code-highlight\" data-id=\"9225d73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:rgb(60, 60, 60);\">rgb(60, 60, 60)<\/h1>\r\n<h1 style=\"background-color:rgb(100, 100, 100);\">rgb(100, 100, 100)<\/h1>\r\n<h1 style=\"background-color:rgb(140, 140, 140);\">rgb(140, 140, 140)<\/h1>\r\n<h1 style=\"background-color:rgb(180, 180, 180);\">rgb(180, 180, 180)<\/h1>\r\n<h1 style=\"background-color:rgb(200, 200, 200);\">rgb(200, 200, 200)<\/h1>\r\n<h1 style=\"background-color:rgb(240, 240, 240);\">rgb(240, 240, 240)<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d5492 elementor-widget elementor-widget-button\" data-id=\"b8d5492\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_rgb_gray\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8704cb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d8704cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-696199f elementor-widget elementor-widget-heading\" data-id=\"696199f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e04\u0e48\u0e32\u0e2a\u0e35 HEX\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3eabf0 elementor-widget elementor-widget-text-editor\" data-id=\"c3eabf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e43\u0e19 HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22 \u0e04\u0e48\u0e32\u0e2a\u0e35\u0e10\u0e32\u0e19 16 (Hexadecimal)<br \/>\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19 <code>#rrggbb<\/code> \u0e42\u0e14\u0e22\u0e17\u0e35\u0e48<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76fe67d elementor-widget elementor-widget-text-editor\" data-id=\"76fe67d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>rr \u0e41\u0e17\u0e19\u0e2a\u0e35 <strong>\u0e41\u0e14\u0e07 (Red)<\/strong><\/li><li>gg \u0e41\u0e17\u0e19\u0e2a\u0e35 <strong>\u0e40\u0e02\u0e35\u0e22\u0e27 (Green)<\/strong><\/li><li>bb \u0e41\u0e17\u0e19\u0e2a\u0e35 <strong>\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19 (Blue)<\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d82ed91 elementor-widget elementor-widget-text-editor\" data-id=\"d82ed91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e41\u0e15\u0e48\u0e25\u0e30\u0e04\u0e39\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e10\u0e32\u0e19 16 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 <strong>00 \u2013 ff<\/strong><br \/>\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 <strong>0 \u2013 255<\/strong> \u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a RGB<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-405e8a6 elementor-widget elementor-widget-html\" data-id=\"405e8a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ls-tbl-wrap\">\r\n<table class=\"ls-tbl\">\r\n<tr><th>\u0e04\u0e48\u0e32\u0e2a\u0e35 HEX<\/th><th>\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/th><th>\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22<\/th><\/tr>\r\n<tr><td><code>#ff0000<\/code><\/td><td><span class=\"color-box\" style=\"background:#ff0000\"><\/span>\u0e2a\u0e35\u0e41\u0e14\u0e07<\/td><td>\u0e04\u0e48\u0e32\u0e41\u0e14\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 (<code>ff<\/code>) \u0e40\u0e02\u0e35\u0e22\u0e27\u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e1b\u0e47\u0e19 <code>00<\/code><\/td><\/tr>\r\n<tr><td><code>#00ff00<\/code><\/td><td><span class=\"color-box\" style=\"background:#00ff00\"><\/span>\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27<\/td><td>\u0e04\u0e48\u0e32\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 <code>00<\/code><\/td><\/tr>\r\n<tr><td><code>#0000ff<\/code><\/td><td><span class=\"color-box\" style=\"background:#0000ff\"><\/span>\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19<\/td><td>\u0e04\u0e48\u0e32\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 <code>00<\/code><\/td><\/tr>\r\n<tr><td><code>#000000<\/code><\/td><td><span class=\"color-box\" style=\"background:#000000\"><\/span>\u0e2a\u0e35\u0e14\u0e33<\/td><td>\u0e17\u0e38\u0e01\u0e04\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 <code>00<\/code><\/td><\/tr>\r\n<tr><td><code>#ffffff<\/code><\/td><td><span class=\"color-box\" style=\"background:#ffffff\"><\/span>\u0e2a\u0e35\u0e02\u0e32\u0e27<\/td><td>\u0e17\u0e38\u0e01\u0e04\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 <code>ff<\/code><\/td><\/tr>\r\n<\/table>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-117e66c elementor-widget elementor-widget-code-highlight\" data-id=\"117e66c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:#ff0000;\">#ff0000<\/h1>\r\n<h1 style=\"background-color:#0000ff;\">#0000ff<\/h1>\r\n<h1 style=\"background-color:#3cb371;\">#3cb371<\/h1>\r\n<h1 style=\"background-color:#ee82ee;\">#ee82ee<\/h1>\r\n<h1 style=\"background-color:#ffa500;\">#ffa500<\/h1>\r\n<h1 style=\"background-color:#6a5acd;\">#6a5acd<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3564e elementor-widget elementor-widget-button\" data-id=\"0e3564e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_hex\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff0a28e elementor-widget elementor-widget-spacer\" data-id=\"ff0a28e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-462e49f elementor-widget elementor-widget-heading\" data-id=\"462e49f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e40\u0e17\u0e32\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c67e11 elementor-widget elementor-widget-text-editor\" data-id=\"0c67e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e40\u0e17\u0e32\u0e21\u0e31\u0e01\u0e16\u0e39\u0e01\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e21\u0e15\u0e31\u0e27:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-420d950 elementor-widget elementor-widget-code-highlight\" data-id=\"420d950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:#404040;\">#404040<\/h1>\r\n<h1 style=\"background-color:#686868;\">#686868<\/h1>\r\n<h1 style=\"background-color:#a0a0a0;\">#a0a0a0<\/h1>\r\n<h1 style=\"background-color:#bebebe;\">#bebebe<\/h1>\r\n<h1 style=\"background-color:#dcdcdc;\">#dcdcdc<\/h1>\r\n<h1 style=\"background-color:#f8f8f8;\">#f8f8f8<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea3dad elementor-widget elementor-widget-button\" data-id=\"1ea3dad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_hex_gray\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce2cde elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0ce2cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4e888 elementor-widget elementor-widget-heading\" data-id=\"3b4e888\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e04\u0e48\u0e32\u0e2a\u0e35 HSL\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa9a125 elementor-widget elementor-widget-text-editor\" data-id=\"aa9a125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e43\u0e19 HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49<br \/><strong>HSL (Hue, Saturation, Lightness)<\/strong><br \/>\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e42\u0e17\u0e19\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e654e2 elementor-widget elementor-widget-html\" data-id=\"2e654e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ls-tbl-wrap\"><table class=\"ls-tbl\"><tr><th>\u0e1e\u0e32\u0e23\u0e32\u0e21\u0e34\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/th><th>\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22<\/th><th>\u0e0a\u0e48\u0e27\u0e07\u0e04\u0e48\u0e32<\/th><th>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07<\/th><\/tr><tr><td>Hue (\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19)<\/td><td>\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e38\u0e21\u0e02\u0e2d\u0e07\u0e27\u0e07\u0e25\u0e49\u0e2d\u0e2a\u0e35<\/td><td>0\u2013360\u00b0<\/td><td><span class=\"dot\" style=\"background:#e40000\"><\/span>0\u00b0 = \u0e2a\u0e35\u0e41\u0e14\u0e07<br><span class=\"dot\" style=\"background:#20a000\"><\/span>120\u00b0 = \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27<br><span class=\"dot\" style=\"background:#0b6ee6\"><\/span>240\u00b0 = \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19<\/td><\/tr><tr><td>Saturation (\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e34\u0e48\u0e21\u0e02\u0e2d\u0e07\u0e2a\u0e35)<\/td><td>\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e14\u0e02\u0e2d\u0e07\u0e2a\u0e35<\/td><td>0\u2013100%<\/td><td>0% = \u0e40\u0e17\u0e32, 100% = \u0e2a\u0e35\u0e2a\u0e14<\/td><\/tr><tr><td>Lightness (\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07)<\/td><td>\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e2a\u0e35<\/td><td>0\u2013100%<\/td><td>0% = \u0e14\u0e33, 100% = \u0e02\u0e32\u0e27<\/td><\/tr><\/table><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3300769 elementor-widget elementor-widget-code-highlight\" data-id=\"3300769\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><h1 style=\"background-color:hsl(0, 100%, 50%);\">hsl(0, 100%, 50%)<\/h1>\r\n<h1 style=\"background-color:hsl(240, 100%, 50%);\">hsl(240, 100%, 50%)<\/h1>\r\n<h1 style=\"background-color:hsl(147, 50%, 47%);\">hsl(147, 50%, 47%)<\/h1>\r\n<h1 style=\"background-color:hsl(300, 76%, 72%);\">hsl(300, 76%, 72%)<\/h1>\r\n<h1 style=\"background-color:hsl(39, 100%, 50%);\">hsl(39, 100%, 50%)<\/h1>\r\n<h1 style=\"background-color:hsl(248, 53%, 58%);\">hsl(248, 53%, 58%)<\/h1><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c0c9b8 elementor-widget elementor-widget-button\" data-id=\"1c0c9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=color_hsl\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HTML Color (\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e43\u0e19 HTML) \u0e16\u0e39\u0e01\u0e23\u0e30\u0e1a\u0e38\u0e14\u0e49\u0e27\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e04\u0e48\u0e32 RGB, HEX, HSL, RGBA \u0e2b\u0e23\u0e37\u0e2d HSLA HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e44\u0e14\u0e49 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a RGB, HEX, HSL \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e41\u0e1a\u0e1a\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e41\u0e2a\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07 RGBA \u0e41\u0e25\u0e30 HSLA \u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35 \u0e43\u0e19 HTML \u0e2a\u0e35\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e30\u0e1a\u0e38\u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e2a\u0e35 Tomato Orange DodgerBlue MediumSeaGreen Gray SlateBlue Violet LightGray \u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c \u0e0b\u0e36\u0e48\u0e07 HTML \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e0a\u0e37\u0e48\u0e2d \u0e2a\u0e35\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 140 \u0e0a\u0e37\u0e48\u0e2d \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 \u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a HTML Element \u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e07\u0e31\u0e1a \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e19\u0e35\u0e49\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e19\u0e27\u0e2a\u0e49\u0e21\u0e42\u0e17\u0e21\u0e32\u0e42\u0e17\u0e48 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-22010","post","type-post","status-publish","format-standard","hentry","category-html"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/22010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/comments?post=22010"}],"version-history":[{"count":0,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/22010\/revisions"}],"wp:attachment":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/media?parent=22010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/categories?post=22010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/tags?post=22010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}