Color field<\/strong><\/span><\/h4>\n\n\n\nYou can select a color in the color field.
*The color bar or entering the value in the R, G or B will apply the color theme.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_01.jpg\")
<\/figure>\n\n\n\n Color bar<\/strong><\/span><\/h4>\n\n\n\nYou can select a color by moving the circle icon.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_02.jpg\")
<\/figure>\n\n\n\n Color space<\/strong><\/span><\/h4>\n\n\n\nColors are described as values in the color space.
*Clicking the icon next to the \"RGB\" allows you to switch the color space to \"HSL\" or \"HEX.\"<\/p>\n\n\n\n
RGB: R (Red), G (Green), B (Blue)<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_03.jpg\")
<\/figure>\n\n\n\nHSL: H (Hue), S (Saturation), and L (Lightness)<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_04.jpg\")
<\/figure>\n\n\n\nHEX: Colors are described in 6-digit hexadecimal.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_05.jpg\")
<\/figure>\n\n\n\n Eyedropper tool<\/strong><\/span><\/h4>\n\n\n\nClick on the eyedropper icon.
Click on the color which you wan to use.
The color is copied.<\/p>\n\n\n\n![\"\"\/](\"https:\/\/learningbox.online\/wp-content\/uploads\/how-to-use\/sitecustomizer\/en\/en_customization_colorsettings_06.jpg\")
<\/figure>","protected":false},"excerpt":{"rendered":"\u30ab\u30e9\u30fc\u306e\u8a2d\u5b9a\u306f\u3001\u5168\u90e8\u3067\uff14\u901a\u308a\u306e\u64cd\u4f5c\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\u203b\u4f8b\u3068\u3057\u3066\u3001Windows\/Chrome\u3092\u5229\u7528\u3057\u305f\u5834\u5408\u306e\u64cd\u4f5c\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u64cd\u4f5c\u65b9\u6cd5\u4e00\u89a7 \u30ab\u30e9\u30fc\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5 \u7de8\u96c6\u753b\u9762\u4e0a\u90e8\u306b\u3042\u308b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3001\u3007\u5370\u3092\u30c9\u30e9\u30c3\u30b0 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":227,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","slim_seo":{"title":"Color Settings - How to Use learningBOX","description":"There are four ways to set colors. *The following instructions use Windows and Chrome as examples. List of Methods Setting Colors Using the Color Field: In the field at the top of the edit screen, drag and drop the circle to select the color of your choice. You can also use the color bar below or R"},"_slim_seo_primary_term_category-how-to-use":0,"footnotes":""},"category-how-to-use":[],"class_list":["post-725","how-to-use","type-how-to-use","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-10-04 02:01:24","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=725"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
*The color bar or entering the value in the R, G or B will apply the color theme.<\/p>\n\n\n\n
<\/figure>\n\n\n\n Color bar<\/strong><\/span><\/h4>\n\n\n\nYou can select a color by moving the circle icon.<\/p>\n\n\n\n<\/figure>\n\n\n\n Color space<\/strong><\/span><\/h4>\n\n\n\nColors are described as values in the color space.
*Clicking the icon next to the \"RGB\" allows you to switch the color space to \"HSL\" or \"HEX.\"<\/p>\n\n\n\n
RGB: R (Red), G (Green), B (Blue)<\/p>\n\n\n\n<\/figure>\n\n\n\nHSL: H (Hue), S (Saturation), and L (Lightness)<\/p>\n\n\n\n<\/figure>\n\n\n\nHEX: Colors are described in 6-digit hexadecimal.<\/p>\n\n\n\n<\/figure>\n\n\n\n Eyedropper tool<\/strong><\/span><\/h4>\n\n\n\nClick on the eyedropper icon.
Click on the color which you wan to use.
The color is copied.<\/p>\n\n\n\n<\/figure>","protected":false},"excerpt":{"rendered":"\u30ab\u30e9\u30fc\u306e\u8a2d\u5b9a\u306f\u3001\u5168\u90e8\u3067\uff14\u901a\u308a\u306e\u64cd\u4f5c\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\u203b\u4f8b\u3068\u3057\u3066\u3001Windows\/Chrome\u3092\u5229\u7528\u3057\u305f\u5834\u5408\u306e\u64cd\u4f5c\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u64cd\u4f5c\u65b9\u6cd5\u4e00\u89a7 \u30ab\u30e9\u30fc\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5 \u7de8\u96c6\u753b\u9762\u4e0a\u90e8\u306b\u3042\u308b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3001\u3007\u5370\u3092\u30c9\u30e9\u30c3\u30b0 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":227,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","slim_seo":{"title":"Color Settings - How to Use learningBOX","description":"There are four ways to set colors. *The following instructions use Windows and Chrome as examples. List of Methods Setting Colors Using the Color Field: In the field at the top of the edit screen, drag and drop the circle to select the color of your choice. You can also use the color bar below or R"},"_slim_seo_primary_term_category-how-to-use":0,"footnotes":""},"category-how-to-use":[],"class_list":["post-725","how-to-use","type-how-to-use","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-10-04 02:01:24","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=725"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure>\n\n\n\n Color space<\/strong><\/span><\/h4>\n\n\n\nColors are described as values in the color space.
*Clicking the icon next to the \"RGB\" allows you to switch the color space to \"HSL\" or \"HEX.\"<\/p>\n\n\n\n
RGB: R (Red), G (Green), B (Blue)<\/p>\n\n\n\n<\/figure>\n\n\n\nHSL: H (Hue), S (Saturation), and L (Lightness)<\/p>\n\n\n\n<\/figure>\n\n\n\nHEX: Colors are described in 6-digit hexadecimal.<\/p>\n\n\n\n<\/figure>\n\n\n\n Eyedropper tool<\/strong><\/span><\/h4>\n\n\n\nClick on the eyedropper icon.
Click on the color which you wan to use.
The color is copied.<\/p>\n\n\n\n<\/figure>","protected":false},"excerpt":{"rendered":"\u30ab\u30e9\u30fc\u306e\u8a2d\u5b9a\u306f\u3001\u5168\u90e8\u3067\uff14\u901a\u308a\u306e\u64cd\u4f5c\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\u203b\u4f8b\u3068\u3057\u3066\u3001Windows\/Chrome\u3092\u5229\u7528\u3057\u305f\u5834\u5408\u306e\u64cd\u4f5c\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u64cd\u4f5c\u65b9\u6cd5\u4e00\u89a7 \u30ab\u30e9\u30fc\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5 \u7de8\u96c6\u753b\u9762\u4e0a\u90e8\u306b\u3042\u308b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3001\u3007\u5370\u3092\u30c9\u30e9\u30c3\u30b0 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":227,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","slim_seo":{"title":"Color Settings - How to Use learningBOX","description":"There are four ways to set colors. *The following instructions use Windows and Chrome as examples. List of Methods Setting Colors Using the Color Field: In the field at the top of the edit screen, drag and drop the circle to select the color of your choice. You can also use the color bar below or R"},"_slim_seo_primary_term_category-how-to-use":0,"footnotes":""},"category-how-to-use":[],"class_list":["post-725","how-to-use","type-how-to-use","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-10-04 02:01:24","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=725"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
*Clicking the icon next to the \"RGB\" allows you to switch the color space to \"HSL\" or \"HEX.\"<\/p>\n\n\n\n
<\/figure>\n\n\n\nHSL: H (Hue), S (Saturation), and L (Lightness)<\/p>\n\n\n\n HEX: Colors are described in 6-digit hexadecimal.<\/p>\n\n\n\n Click on the eyedropper icon. \u30ab\u30e9\u30fc\u306e\u8a2d\u5b9a\u306f\u3001\u5168\u90e8\u3067\uff14\u901a\u308a\u306e\u64cd\u4f5c\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\u203b\u4f8b\u3068\u3057\u3066\u3001Windows\/Chrome\u3092\u5229\u7528\u3057\u305f\u5834\u5408\u306e\u64cd\u4f5c\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u64cd\u4f5c\u65b9\u6cd5\u4e00\u89a7 \u30ab\u30e9\u30fc\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5 \u7de8\u96c6\u753b\u9762\u4e0a\u90e8\u306b\u3042\u308b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3001\u3007\u5370\u3092\u30c9\u30e9\u30c3\u30b0 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":227,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","slim_seo":{"title":"Color Settings - How to Use learningBOX","description":"There are four ways to set colors. *The following instructions use Windows and Chrome as examples. List of Methods Setting Colors Using the Color Field: In the field at the top of the edit screen, drag and drop the circle to select the color of your choice. You can also use the color bar below or R"},"_slim_seo_primary_term_category-how-to-use":0,"footnotes":""},"category-how-to-use":[],"class_list":["post-725","how-to-use","type-how-to-use","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-10-04 02:01:24","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/725\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=725"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/figure>\n\n\n\n<\/figure>\n\n\n\n Eyedropper tool<\/strong><\/span><\/h4>\n\n\n\n
Click on the color which you wan to use.
The color is copied.<\/p>\n\n\n\n<\/figure>","protected":false},"excerpt":{"rendered":"