{"id":95983,"date":"2023-12-12T10:53:25","date_gmt":"2023-12-12T10:53:25","guid":{"rendered":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&#038;p=95983"},"modified":"2024-06-12T07:11:40","modified_gmt":"2024-06-12T07:11:40","slug":"object-color","status":"publish","type":"xanabuilder","link":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/","title":{"rendered":"Change object color"},"content":{"rendered":"<p>Let&#8217;s try changing the color of an object placed in XANA:Builder.<\/p>\n<h2>How to Change the Color of an Object<\/h2>\n<h3>Enter the color code directly<br \/>\n<!-- notionvc: 7dd6f873-8d7d-4a07-9494-9a9d09c4aa95 --><\/h3>\n<p>1. &#8220;Click on the color code field on the right side.&#8221;<br \/>\n<!-- notionvc: 96881c01-991a-4f33-8bf6-ca611cc33b53 --><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_color2.webp\" alt=\"\" width=\"1738\" height=\"1080\" class=\"alignnone wp-image-87332 size-full\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013723\/object_color2.webp 1738w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013723\/object_color2-300x186.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013723\/object_color2-1024x636.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013723\/object_color2-768x477.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013723\/object_color2-1536x954.webp 1536w\" sizes=\"(max-width: 1738px) 100vw, 1738px\" \/><\/p>\n<p>2. Enter the color code in the first six digits. (Leave the last two digits as they are)<br \/>\n<!-- notionvc: 6a0b9afd-4a76-4c79-8c23-4f06b6c16d95 --><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_color3.webp\" alt=\"\" width=\"1736\" height=\"1080\" class=\"alignnone wp-image-87333 size-full\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013751\/object_color3.webp 1736w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013751\/object_color3-300x187.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013751\/object_color3-1024x637.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013751\/object_color3-768x478.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013751\/object_color3-1536x956.webp 1536w\" sizes=\"(max-width: 1736px) 100vw, 1736px\" \/><\/p>\n<p>3. Pressing the Enter key changes the color of the specified object.<br \/>\n<!-- notionvc: e1748e46-683e-4dfc-bc30-47058bc149b8 --><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_color4.webp\" alt=\"\" width=\"1737\" height=\"1080\" class=\"alignnone wp-image-87335 size-full\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013932\/object_color4.webp 1737w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013932\/object_color4-300x187.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013932\/object_color4-1024x637.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013932\/object_color4-768x478.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27013932\/object_color4-1536x955.webp 1536w\" sizes=\"(max-width: 1737px) 100vw, 1737px\" \/><\/p>\n<h3>Change with Color Picker\/Gradient Color<br \/>\n<!-- notionvc: 3e52de2b-493f-4a2f-aee7-74d65033fe4b --><\/h3>\n<h4>Change the color with the color picker<br \/>\n<!-- notionvc: c2b92fb7-06cb-4fec-bd90-8d4bcfbd987a --><\/h4>\n<p>Select a color with the color picker, as shown in the video below.<br \/>\n<!-- notionvc: bdcf5c15-edaa-4ed8-83ad-65f43c4d7989 --><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95983-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/AfmmqcGk-lnOd3YQs.mp4?_=1\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/AfmmqcGk-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/AfmmqcGk-lnOd3YQs.mp4<\/a><\/video><\/div>\n<h4>Change the shade of color using the gradient color option.<br \/>\n<!-- notionvc: ca3490ed-bb70-4209-9be1-434c5b0f170d --><\/h4>\n<p>Select the color using the gradient color slider.<br \/>\n<!-- notionvc: bfd9c5c0-cc9b-4a48-8f8e-e6439a6b94d8 --><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95983-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/sPjwUf1w-lnOd3YQs.mp4?_=2\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/sPjwUf1w-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/sPjwUf1w-lnOd3YQs.mp4<\/a><\/video><\/div>\n<h3>Select a color using the eyedropper tool.<br \/>\n<!-- notionvc: aa02ae36-b651-42c5-8302-a393b62b2650 --><\/h3>\n<p>1. &#8220;Click on the &#8216;Eyedropper&#8217; located on the right side.&#8221;<br \/>\n<!-- notionvc: 5ff70fc3-73fb-4e45-baa1-7a0766d44a1a --><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_color7.webp\" alt=\"\" width=\"1734\" height=\"1080\" class=\"alignnone wp-image-87336 size-full\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27021914\/object_color7.webp 1734w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27021914\/object_color7-300x187.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27021914\/object_color7-1024x638.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27021914\/object_color7-768x478.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/27021914\/object_color7-1536x957.webp 1536w\" sizes=\"(max-width: 1734px) 100vw, 1734px\" \/><\/p>\n<p>2. Move the cursor to the area of the object where you want to copy the color and click. (The color is automatically saved.)<br \/>\n<!-- notionvc: ca9c5e68-99ac-4f34-b3c1-71188c5c35e4 --><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95983-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/1MKAakZr-lnOd3YQs.mp4?_=3\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/1MKAakZr-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/1MKAakZr-lnOd3YQs.mp4<\/a><\/video><\/div>\n<h2>How to Save the Created Color<br \/>\n<!-- notionvc: e204c72d-37f6-44f7-8c02-63702c4398c7 --><\/h2>\n<p>If you want to save the color you created, click on the &#8216;+&#8217; sign.<br \/>\n<!-- notionvc: ad2c409b-011d-46a9-b60e-1f5cab23482d --><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95983-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/0sorp1Ni-lnOd3YQs.mp4?_=4\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/0sorp1Ni-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/0sorp1Ni-lnOd3YQs.mp4<\/a><\/video><\/div>\n<h2>How to Delete a Saved Color<br \/>\n<!-- notionvc: deb56f16-6aac-42d5-81bd-03f99837cca3 --><\/h2>\n<p>If you want to delete a saved color, hover the cursor over the color you want to delete and &#8216;right-click&#8217;.<br \/>\n<!-- notionvc: b28931b6-f1c3-44c0-9ebe-b852d03d9316 --><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95983-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/F9GdRqPo-lnOd3YQs.mp4?_=5\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/F9GdRqPo-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/F9GdRqPo-lnOd3YQs.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s try changing the color of an object placed in XANA:Builder. How to Change the Color of an Object Enter the color code directly 1. &#8220;Click on the color code field on the right side.&#8221; 2. Enter the color code in the first six digits. (Leave the last two digits as they are) 3. Pressing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":86226,"comment_status":"open","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","_locale":"en_US","_original_post":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&p=87328","footnotes":""},"class_list":["post-95983","xanabuilder","type-xanabuilder","status-publish","has-post-thumbnail","hentry","xanabuilder-category-builder-tutorial","en-US"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Change object color - XANA Blog<\/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:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change object color - XANA Blog\" \/>\n<meta property=\"og:description\" content=\"Let&#8217;s try changing the color of an object placed in XANA:Builder. How to Change the Color of an Object Enter the color code directly 1. &#8220;Click on the color code field on the right side.&#8221; 2. Enter the color code in the first six digits. (Leave the last two digits as they are) 3. Pressing [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/\" \/>\n<meta property=\"og:site_name\" content=\"XANA Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-12T07:11:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/\",\"url\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/\",\"name\":\"Change object color - XANA Blog\",\"isPartOf\":{\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"datePublished\":\"2023-12-12T10:53:25+00:00\",\"dateModified\":\"2024-06-12T07:11:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage\",\"url\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"contentUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xana.net\/blog\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"XANA Builder Manual\",\"item\":\"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Change object color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\",\"url\":\"https:\/\/xana.net\/blog\/ja\/\",\"name\":\"XANA Blog\",\"description\":\"Latest news and insights on the Metaverse,AI &amp; NFTs\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Change object color - XANA Blog","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:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/","og_locale":"en_US","og_type":"article","og_title":"Change object color - XANA Blog","og_description":"Let&#8217;s try changing the color of an object placed in XANA:Builder. How to Change the Color of an Object Enter the color code directly 1. &#8220;Click on the color code field on the right side.&#8221; 2. Enter the color code in the first six digits. (Leave the last two digits as they are) 3. Pressing [&hellip;]","og_url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/","og_site_name":"XANA Blog","article_modified_time":"2024-06-12T07:11:40+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/","url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/","name":"Change object color - XANA Blog","isPartOf":{"@id":"https:\/\/xana.net\/blog\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage"},"image":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage"},"thumbnailUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","datePublished":"2023-12-12T10:53:25+00:00","dateModified":"2024-06-12T07:11:40+00:00","breadcrumb":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#primaryimage","url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","contentUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xana.net\/blog\/ja\/"},{"@type":"ListItem","position":2,"name":"XANA Builder Manual","item":"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/"},{"@type":"ListItem","position":3,"name":"Change object color"}]},{"@type":"WebSite","@id":"https:\/\/xana.net\/blog\/ja\/#website","url":"https:\/\/xana.net\/blog\/ja\/","name":"XANA Blog","description":"Latest news and insights on the Metaverse,AI &amp; NFTs","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/95983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder"}],"about":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/types\/xanabuilder"}],"author":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/comments?post=95983"}],"version-history":[{"count":0,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/95983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media\/86226"}],"wp:attachment":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media?parent=95983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}