{"id":810,"date":"2020-01-22T14:29:08","date_gmt":"2020-01-22T19:29:08","guid":{"rendered":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/?p=810"},"modified":"2020-01-22T14:58:09","modified_gmt":"2020-01-22T19:58:09","slug":"more-on-color-tools","status":"publish","type":"post","link":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2020\/more-on-color-tools\/","title":{"rendered":"More on Color Tools"},"content":{"rendered":"\n<p>I recently wrote about <a href=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2020\/0to255-com-has-disappeared\/\">the disappearance of 0to255 and what to replace it with<\/a> and today I found another very versatile tool for color: <a rel=\"noreferrer noopener\" href=\"https:\/\/calcolor.co\/\" target=\"_blank\">calcolor<\/a>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Most common tools to create palettes, I don&#8217;t really like. The color combinations that apparently are scientifically sound, I often find depressing, so usually I use <a rel=\"noreferrer noopener\" aria-label=\"coolors (opens in a new tab)\" href=\"https:\/\/coolors.co\/\" target=\"_blank\">coolors<\/a>, where I can mix and match with my space bar until I&#8217;m happy.<\/p>\n\n\n\n<p>calcolor also has a palette function but it&#8217;s mostly of the kind that depresses me. An example: Recently I had to do a redesign of a website, one of the things I had to keep of the existing site was the color #A4CFA1, a soft green. This is what calcolor&#8217;s palette function does with that:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-1024x491.png\" alt=\"A screenshot of a palette with the main color #A4CFA1 at calcolor.co\" class=\"wp-image-811\" srcset=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-1024x491.png 1024w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-300x144.png 300w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-768x368.png 768w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-1536x736.png 1536w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A color palette I can&#8217;t imagine using on a live website.<\/figcaption><\/figure>\n\n\n\n<p>I probably just don&#8217;t know how to use palette creators like calcolor to my advantage but for situations like this, coolors is perfect for me.<\/p>\n\n\n\n<p>What I love very much about calcolor and makes me think I will use it often, is:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>The blend mode doesn&#8217;t just blend in equal steps to black or white, you can blend in equal steps between any two colors.<\/li><li>You can pick a random color and play with it. <\/li><li>It gives interesting color information.<\/li><li>It looks pretty.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2-1024x491.png\" alt=\"This screenshot shows the blending in 10 steps between color #33ff99 and color #ff3399 on the calcolor.co website\" class=\"wp-image-812\" srcset=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2-1024x491.png 1024w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2-300x144.png 300w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2-768x368.png 768w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2-1536x736.png 1536w, https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-content\/uploads\/2020\/01\/calcolor-2.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Blending in 10 equal steps from one color to another.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>I recently wrote about the disappearance of 0to255 and what to replace it with and today I found another very versatile tool for color: calcolor.<\/p>\n","protected":false},"author":2,"featured_media":814,"comment_status":"open","ping_status":"close","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[119,122,118,123,22],"class_list":["post-810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-things","tag-0to255","tag-calcolor","tag-colors","tag-coolor","tag-tools","infinite-scroll-item","resize-featured-image"],"_links":{"self":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/comments?post=810"}],"version-history":[{"count":0,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/media\/814"}],"wp:attachment":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/media?parent=810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/categories?post=810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/tags?post=810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}