{"id":2621,"date":"2025-11-11T11:10:21","date_gmt":"2025-11-11T04:10:21","guid":{"rendered":"https:\/\/portal-atlasx.cdg.co.th\/home\/?post_type=docs&#038;p=2621"},"modified":"2025-11-11T15:17:11","modified_gmt":"2025-11-11T08:17:11","slug":"color","status":"publish","type":"docs","link":"https:\/\/portal-atlasx.cdg.co.th\/home\/docs\/android\/library\/color\/","title":{"rendered":"Color"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:600\">ColorUtil<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-overview\"><strong>Method Overview<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Name<\/th><th>Description<\/th><th>Return<\/th><\/tr><\/thead><tbody><tr><td>getColorWithColorID()<\/td><td>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e35 \u0e08\u0e32\u0e01 color ID \u0e43\u0e19 res<\/td><td>ColorStateList<\/td><\/tr><tr><td>getTransparentHexColorFromHexColor()<\/td><td>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Return \u0e2a\u0e35\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01 transparent \u0e08\u0e32\u0e01\u0e2a\u0e35\u0e40\u0e14\u0e34\u0e21<\/td><td>Int<\/td><\/tr><tr><td>getTransparentHexColorStringFromHexColor()<\/td><td>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Return String \u0e2a\u0e35\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a hex color \u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23 transparent \u0e41\u0e25\u0e49\u0e27<\/td><td>String<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-details\"><strong>Method Details<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>fun getColorWithColorID(context : Context , colorId : Int) : ColorStateList<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #001080\">fun<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #795E26\">getColorWithColorID<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #001080\">context<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">Context<\/span><span style=\"color: #000000\"> , <\/span><span style=\"color: #001080\">colorId<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">Int<\/span><span style=\"color: #000000\">) : <\/span><span style=\"color: #001080\">ColorStateList<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e35 \u0e08\u0e32\u0e01 color ID \u0e43\u0e19 res \u0e40\u0e0a\u0e48\u0e19 ColorUtil.getColorWithColorID(context,R.id.colorPrimary)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"parameters\"><strong>Parameters<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Name<\/th><th>Description<\/th><th>Type<\/th><\/tr><\/thead><tbody><tr><td>context<\/td><td>context \u0e02\u0e2d\u0e07 fragment \u0e2b\u0e23\u0e37\u0e2d activity \u0e17\u0e35\u0e48\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/td><td>Context<\/td><\/tr><tr><td>colorId<\/td><td>id \u0e02\u0e2d\u0e07 color \u0e43\u0e19 res \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/td><td>Int<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"returns\"><strong>Returns<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>ColorStateList<\/td><td>Return ColorStateList \u0e02\u0e2d\u0e07\u0e2a\u0e35\u0e08\u0e32\u0e01 ID \u0e02\u0e2d\u0e07 color \u0e43\u0e19 res \u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>fun getTransparentHexColorFromHexColor(hexColor : String , transparentValue : String = \"FF\") : Int<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #001080\">fun<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #795E26\">getTransparentHexColorFromHexColor<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #001080\">hexColor<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">String<\/span><span style=\"color: #000000\"> , <\/span><span style=\"color: #001080\">transparentValue<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">String<\/span><span style=\"color: #000000\"> = <\/span><span style=\"color: #A31515\">&quot;FF&quot;<\/span><span style=\"color: #000000\">) : <\/span><span style=\"color: #001080\">Int<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Return \u0e2a\u0e35\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01 transparent \u0e08\u0e32\u0e01\u0e2a\u0e35\u0e40\u0e14\u0e34\u0e21 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 #3700B3 \u0e41\u0e25\u0e30 transparent \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 #80 \u0e2b\u0e23\u0e37\u0e2d 80 \u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e44\u0e14\u0e49\u0e2d\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19 #803700B3 \u0e41\u0e15\u0e48\u0e44\u0e14\u0e49\u0e08\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07\u0e04\u0e48\u0e32 hex String \u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e02\u0e2d\u0e07 Int \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e35\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"parameters-1\"><strong>Parameters<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Name<\/th><th>Description<\/th><th>Type<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td>hexColor<\/td><td>\u0e2a\u0e35\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a hex color<\/td><td>String<\/td><td><\/td><\/tr><tr><td>transparentValue<\/td><td>\u0e04\u0e48\u0e32 transparent \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/td><td>String<\/td><td>&#8220;FF&#8221;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"returns-1\"><strong>Returns<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>Int<\/td><td>Return Int \u0e02\u0e2d\u0e07\u0e2a\u0e35\u0e17\u0e35\u0e48\u0e17\u0e33\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21 transparent \u0e08\u0e32\u0e01 hex color \u0e41\u0e25\u0e49\u0e27<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>fun getTransparentHexColorStringFromHexColor(hexColor : String , transparentValue : String = \"FF\") : Int<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #001080\">fun<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #795E26\">getTransparentHexColorStringFromHexColor<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #001080\">hexColor<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">String<\/span><span style=\"color: #000000\"> , <\/span><span style=\"color: #001080\">transparentValue<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #001080\">String<\/span><span style=\"color: #000000\"> = <\/span><span style=\"color: #A31515\">&quot;FF&quot;<\/span><span style=\"color: #000000\">) : <\/span><span style=\"color: #001080\">Int<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Return String \u0e2a\u0e35\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a hex color \u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23 transparent \u0e41\u0e25\u0e49\u0e27 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 #3700B3 \u0e41\u0e25\u0e30 transparent \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 #80 \u0e2b\u0e23\u0e37\u0e2d 80 \u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e44\u0e14\u0e49\u0e2d\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19 #803700B3<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"parameters-2\"><strong>Parameters<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Name<\/th><th>Description<\/th><th>Type<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td>hexColor<\/td><td>\u0e2a\u0e35\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a hex color<\/td><td>String<\/td><td><\/td><\/tr><tr><td>transparentValue<\/td><td>\u0e04\u0e48\u0e32 transparent \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/td><td>String<\/td><td>&#8220;FF&#8221;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"returns-2\"><strong>Returns<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table style=\"border-width:1px\"><thead><tr><th>Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>String<\/td><td>\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Return String \u0e2a\u0e35\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a hex color \u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23 transparent \u0e41\u0e25\u0e49\u0e27<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":0,"parent":2531,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nav_title":"","positive":"","negative":"","footnotes":""},"docs_category":[],"class_list":["post-2621","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/2621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/comments?post=2621"}],"version-history":[{"count":3,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/2621\/revisions"}],"predecessor-version":[{"id":2624,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/2621\/revisions\/2624"}],"up":[{"embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs\/2531"}],"wp:attachment":[{"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/media?parent=2621"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/portal-atlasx.cdg.co.th\/home\/wp-json\/wp\/v2\/docs_category?post=2621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}