{"id":6676,"date":"2014-01-17T05:00:33","date_gmt":"2014-01-17T12:00:33","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=6676"},"modified":"2015-02-25T10:01:30","modified_gmt":"2015-02-25T17:01:30","slug":"5-minute-website-fixes-create-a-custom-color-scheme-from-your-own-site-images","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-create-a-custom-color-scheme-from-your-own-site-images\/","title":{"rendered":"5-minute website fixes: Create a custom color scheme from your own site images"},"content":{"rendered":"<p>So, you\u2019re building a site in the hopes of dominating the <a title=\"Yola Buildathon Contest\" href=\"https:\/\/www.yola.com\/buildathon\" target=\"_blank\">Yola Buildathon Contest<\/a>, but where your layout skills peak, your color choices plummet.<\/p>\n<p>Relax your mind, you savvy site-builder, you. In a mere five minutes you\u2019ll have the color scheme of your dreams and be well on your way to publishing.<\/p>\n<p>Today, we will be using the <a title=\"The Cozy Cakemaker\" href=\"http:\/\/www.thecozycakemakernj.yolasite.com\" target=\"_blank\">The Cozy Cakemaker<\/a> as an example.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6677\" src=\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2014\/01\/5-minutes-fixes-1.png\" alt=\"The Cozy Cakemaker\" width=\"570\" height=\"310\" \/><br \/>\nTo start, locate an image that\u2019s the main focus of your site \u2013 this could be your logo, banner image, or background. The main focus of The Cozy Cakemaker is the mouth-watering cupcake staring at us in the background.<\/p>\n<p>Next, upload your image to <a title=\"Adobe Color CC\" href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\">Adobe Color CC<\/a>\u00a0by clicking the camera button at the top right. Voila! Upon uploading, Adobe Kuler will generate a color palette from your picture.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6678\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/01\/5-minute-fixes-2.png\" alt=\"Adobe Kuler\" width=\"570\" height=\"286\" \/><br \/>\nCheck out the drop down menu on the left hand side called \u201cColor Mood,\u201d and click through the choices for a variety of color schemes to set the proper tone of your site.<\/p>\n<p>Want to add in a touch of your own creativity? Drag the color pickers to any part of the image to change the color scheme.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6679\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/01\/5-minute-fixes-3.png\" alt=\"Adobe Kuler\" width=\"569\" height=\"263\" \/><br \/>\nFind your site\u2019s perfect color scheme? Perfect! Click the color wheel in the top right corner and jot down the six-digit hex color codes that form below your selections. Hop back into your Sitebuilder and add these codes to the color section of Style Designer.<\/p>\n<p>Now, take a second to sit back and admire the brilliant site you\u2019ve just pieced together. Go ahead and publish your site and submit it to the Yola Buildathon Contest. The contest ends on February 9th, what are you waiting for?<\/p>\n<p>Looking for more 5-minute website fixes? Learn how to <a title=\"5-minute site fixes: Wow visitors with a picture gallery\" href=\"https:\/\/www.yola.com\/blog\/5-minute-site-fixes-wow-visitors-with-a-picture-gallery\/\" target=\"_blank\">wow your visitors with a picture gallery<\/a>, and check back for more quick design tips!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, you\u2019re building a site in the hopes of dominating the Yola Buildathon Contest, but where your layout skills peak, your color choices plummet. Relax your mind, you savvy site-builder, you. In a mere five minutes you\u2019ll have the color scheme of your dreams and be well on your way to publishing. Today, we will&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-create-a-custom-color-scheme-from-your-own-site-images\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">5-minute website fixes: Create a custom color scheme from your own site images<\/span><\/a><\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[573,586,587,588,297,589],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6676"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6676"}],"version-history":[{"count":7,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6676\/revisions"}],"predecessor-version":[{"id":8203,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6676\/revisions\/8203"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}