{"id":228,"date":"2022-03-07T20:15:31","date_gmt":"2022-03-07T20:15:31","guid":{"rendered":"https:\/\/www.normanbalberan.com\/blog\/?p=228"},"modified":"2022-03-06T21:07:29","modified_gmt":"2022-03-06T21:07:29","slug":"designing-color-schemes-for-your-website-or-blog","status":"publish","type":"post","link":"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/","title":{"rendered":"Designing Color Schemes for Your Website or Blog"},"content":{"rendered":"<figure id=\"attachment_229\" aria-describedby=\"caption-attachment-229\" style=\"width: 890px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-229\" src=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/10\/website-color-scheme.jpg\" alt=\"website color scheme\" width=\"900\" height=\"601\" srcset=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/10\/website-color-scheme.jpg 1200w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/10\/website-color-scheme-300x200.jpg 300w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/10\/website-color-scheme-768x513.jpg 768w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/10\/website-color-scheme-1024x684.jpg 1024w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption id=\"caption-attachment-229\" class=\"wp-caption-text\"><center><a href=\"https:\/\/www.flickr.com\/photos\/uaeincredible\/231011361\" target=\"_blank\"><span style=\"font-size: small;\">Capture Queen \/ Flickr<\/span><\/a> \/ <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\" target=\"_blank\"><span style=\"font-size: small;\">CC BY 2.0<\/span><\/a><\/center><\/figcaption><\/figure>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/#Creating_the_best_Color_Scheme_for_your_Website\" >Creating the best Color Scheme for your Website<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/#Step_one_Know_what_your_content_says\" >Step one: Know what your content says!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/#Step_two_Tone_counts\" >Step two: Tone counts!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/#Step_three_Cheesy_doesnt_work\" >Step three: Cheesy doesn\u2019t work!<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h5 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Creating_the_best_Color_Scheme_for_your_Website\"><\/span>Creating the best Color Scheme for your Website<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">You have to admit. <strong>The color is important<\/strong>. I know it may not seem like it but when you look at a particular website on the internet you may not be saying \u201cHmmm. That color goes great with all the other colors.\u201d but your mind would be subconsciously saying, \u201cThere is something about this website that just looks good.\u201d<\/p>\n<p style=\"text-align: justify;\">Though we may not notice it (except for you detail people out there.) <strong>color plays a significant role in how we judge things<\/strong>. If I go to a website and the colors are gaudy and uncoordinated, then I immediately think, \u201cThis site is just cheesy. They\u2019re not going to have anything I want to look into.\u201d But when I come across the website of the century, with beautiful color coordination, soothing tones, and cute patterns, I just want to stop and admire the scenery. It\u2019s like coming home to a clean house and a home cooked meal. (Well, not exactly but hopefully you get the idea.)<\/p>\n<p style=\"text-align: justify;\"><strong>Below is a list of things to help those of you who are trying to perfect their website\/blog or those of you who are just plain color-blind.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Step_one_Know_what_your_content_says\"><\/span>Step one: Know what your content says!<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Okay, think about this for a second. What colors would people associate with the content you have on your blog or website? Let\u2019s say you are trying to sell hunting supplies. I have put an example of the colors that people might associate with hunting.<\/p>\n<p style=\"text-align: justify;\"><strong><em>Example #1<\/em><\/strong> \u2013 Hunter Green, Blood Red, and a mute tone that compliments the rest of the colors might be something you would think of. Want to see another example? How about a website for a spa? Usually, when you think of a spa, you think relaxing facials, pedicures, and soothing massages. Stuff like that.<\/p>\n<p style=\"text-align: justify;\"><strong><em>Example #2<\/em><\/strong> \u2013 A good color scheme for that website would be a Soothing Green, Creamy sand and, instead of doing a light compliment, a dark contrasting color. The Soothing green and Creamy sand might have been some of the colors you would have associated with a spa; the black was just a color to make the whole theme pop.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Step_two_Tone_counts\"><\/span>Step two: Tone counts!<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Once you have picked the colors you want next you, have to decide what tone you want. These things count. You may have the right colors, but the tones could be totally off. If you want your website or blog to have the color blue in it, then you have to decide what tone. Sky blue, dark blue and robin egg blue are just a few different tones for the color blue. Try to make sure the tones go together. Earth tones, pastel tones, and dark tones are a couple of themes that may help you decide what colors and what tones to use.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Step_three_Cheesy_doesnt_work\"><\/span>Step three: Cheesy doesn\u2019t work!<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Okay, using the example I had above; let\u2019s say I wanted to use a pattern for the hunting supply website. I wouldn\u2019t want to use such a blatant pattern like rifles or deer antlers or etcetera because that might overwhelm the web page. <strong>Don\u2019t overdue it!<\/strong> You don\u2019t have to knock people over the head with your patterns. Subtle is better. Now does that mean you can\u2019t use patterns? No. Just be careful that you don\u2019t pick things that are overdone. <strong>Keep it simple.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating the best Color Scheme for your Website You have to admit. The color is important. I know it may not seem like it but when you look at a particular website on the internet you may not be saying \u201cHmmm. That color goes great with all the other colors.\u201d but your mind would be &#8230; <a title=\"Designing Color Schemes for Your Website or Blog\" class=\"read-more\" href=\"https:\/\/www.normanbalberan.com\/blog\/designing-color-schemes-for-your-website-or-blog\/\" aria-label=\"Read more about Designing Color Schemes for Your Website or Blog\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":229,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,1],"tags":[31,150,149,71],"class_list":["post-228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","category-web-development","tag-blog","tag-color","tag-color-scheme","tag-web-design"],"_links":{"self":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":0,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media\/229"}],"wp:attachment":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}