{"id":2223,"date":"2011-09-02T23:44:43","date_gmt":"2011-09-03T03:44:43","guid":{"rendered":"http:\/\/www.fullstopinteractive.com\/blog\/?p=2223"},"modified":"2011-09-02T23:44:43","modified_gmt":"2011-09-03T03:44:43","slug":"coloratum","status":"publish","type":"post","link":"https:\/\/fullstopinteractive.com\/blog\/2011\/09\/coloratum\/","title":{"rendered":"Coloratum."},"content":{"rendered":"<p><span class=\"first-letter\">S<\/span>o much to love in Lea Verou&#8217;s <a href=\"http:\/\/css.coloratum.com\">CSS Coloratum<\/a>. Convert colors to CSS values.<\/p>\n<blockquote><p>Whenever I wanted to convert a CSS named color to RGB, I used to open the CSS3 colors spec in a new tab, search in the page and copied the values. Every time it felt even more tedious. I didn\u2019t want to search in long tables, I wanted to type the color somewhere and get the values back, in an easy to copy format. So, after yet another color lookup earlier today, I decided to scratch my own itch and do it myself.<\/p>\n<p>Of course, I didn\u2019t plan to include a whole database of CSS colors in the website. My idea was much simpler: Use the named color to draw a rectangle in a &lt;canvas&gt; and then read the R,G,B values through ctx.getImageData().<\/p><\/blockquote>\n<p><a href=\"http:\/\/leaverou.me\/2011\/09\/css-coloratum-convert-and-share-css-colors\">Read the rest of her description<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So much to love in Lea Verou&#8217;s CSS Coloratum. Convert colors to CSS values. Whenever I wanted to convert a CSS named color to RGB, I used to open the CSS3 colors spec in a new tab, search in the page and copied the values. Every time it felt even more tedious. I didn\u2019t want [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[17,83,113],"_links":{"self":[{"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/posts\/2223"}],"collection":[{"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/comments?post=2223"}],"version-history":[{"count":3,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/posts\/2223\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/posts\/2223\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/media?parent=2223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/categories?post=2223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fullstopinteractive.com\/blog\/wp-json\/wp\/v2\/tags?post=2223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}