{"id":1864,"date":"2009-01-29T08:57:09","date_gmt":"2009-01-29T08:57:09","guid":{"rendered":"http:\/\/justthesam.com\/2009\/01\/html-colour-codes-from-mac-os-x-colour-picker\/"},"modified":"2009-01-29T08:57:09","modified_gmt":"2009-01-29T08:57:09","slug":"html-colour-codes-from-mac-os-x-colour-picker","status":"publish","type":"post","link":"https:\/\/justthesam.com\/?p=1864","title":{"rendered":"HTML Colour Codes from Mac OS X Colour Picker"},"content":{"rendered":"<p>I do quite a lot of futzing around developing web apps, and as a result I&#39;m often needing to choose colours to use in them, and I want those colours in HTML hex form &#8211; e.g. #ff0000 (<span style=\"color: #ff0000; font-family: &#39;Trebuchet MS&#39;; \">bright red<\/span>). The standard Mac OS X colour picker is a pretty reasonable colour picker, with all the features I want: colour wheel, RGB sliders, HSB sliders etc. but it lacks the most crucial feature &#8211; easy output of HTML hex codes! This is clearly a criminal omission, and it meant I&#39;d frequently have to convert from RGB 0-255 numbers down to hex, which is tedious in the extreme.<\/p>\n<p><\/p>\n<div>Hence I was muchly pleased when I found <a href=\"http:\/\/wafflesoftware.net\/hexpicker\/\" target=\"_blank\" rel=\"noopener\">Hex Colour Picker<\/a>, which adds exactly this missing feature to the standard Mac colour picker panel. Perfect. Now I just open TextEdit, hit cmd-shift-c to bring up the colour panel and I have everything I need for web colour picking.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I do quite a lot of futzing around developing web apps, and as a result I&#39;m often needing to choose colours to use in them, and I want those colours in HTML hex form &#8211; e.g. #ff0000 (bright red). The standard Mac OS X colour picker is a pretty reasonable colour picker, with all the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,33],"tags":[],"class_list":["post-1864","post","type-post","status-publish","format-standard","hentry","category-design","category-webtech"],"_links":{"self":[{"href":"https:\/\/justthesam.com\/index.php?rest_route=\/wp\/v2\/posts\/1864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justthesam.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/justthesam.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/justthesam.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justthesam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1864"}],"version-history":[{"count":0,"href":"https:\/\/justthesam.com\/index.php?rest_route=\/wp\/v2\/posts\/1864\/revisions"}],"wp:attachment":[{"href":"https:\/\/justthesam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/justthesam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/justthesam.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}