{"id":76,"date":"2016-01-20T23:44:18","date_gmt":"2016-01-20T23:44:18","guid":{"rendered":"http:\/\/jamesdowen.com\/blog\/?p=76"},"modified":"2016-01-20T23:44:18","modified_gmt":"2016-01-20T23:44:18","slug":"turning-time-colour","status":"publish","type":"post","link":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/","title":{"rendered":"Turning Time Into Colour"},"content":{"rendered":"<p>The web we see today is built on code, and all of the various colours we see are mostly written in CSS as HEX values. For example, the blue colour on this blog has a HEX value of\u00a0#3FC0F6, and the grey background has a HEX value of\u00a0#F1F1F1.<\/p>\n<p>So, here&#8217;s an experiment that turns time into colour by taking the values of the hours, minutes and seconds and using them as HEX values:\u00a0<a href=\"http:\/\/jamesdowen.com\/projects\/hextime\/\">http:\/\/jamesdowen.com\/projects\/hextime\/<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The web we see today is built on code, and all of the various colours we see are mostly written in CSS as HEX values. For example, the blue colour on this blog has a HEX value of\u00a0#3FC0F6, and the grey background has a HEX value of\u00a0#F1F1F1. So, here&#8217;s an experiment that turns time into [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[52,19,53,54],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Turning Time Into Colour | James Dowen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turning Time Into Colour | James Dowen\" \/>\n<meta property=\"og:description\" content=\"The web we see today is built on code, and all of the various colours we see are mostly written in CSS as HEX values. For example, the blue colour on this blog has a HEX value of\u00a0#3FC0F6, and the grey background has a HEX value of\u00a0#F1F1F1. So, here&#8217;s an experiment that turns time into [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/\" \/>\n<meta property=\"og:site_name\" content=\"James Dowen\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-20T23:44:18+00:00\" \/>\n<meta name=\"author\" content=\"James\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/\",\"url\":\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/\",\"name\":\"Turning Time Into Colour | James Dowen\",\"isPartOf\":{\"@id\":\"https:\/\/jamesdowen.com\/blog\/#website\"},\"datePublished\":\"2016-01-20T23:44:18+00:00\",\"dateModified\":\"2016-01-20T23:44:18+00:00\",\"author\":{\"@id\":\"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/51179280d7d76166490e1c27be360931\"},\"breadcrumb\":{\"@id\":\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jamesdowen.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Turning Time Into Colour\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jamesdowen.com\/blog\/#website\",\"url\":\"https:\/\/jamesdowen.com\/blog\/\",\"name\":\"James Dowen\",\"description\":\"A blog about web development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jamesdowen.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/51179280d7d76166490e1c27be360931\",\"name\":\"James\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e4d7008d9ebb77f8de729f655e30d11f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e4d7008d9ebb77f8de729f655e30d11f?s=96&d=mm&r=g\",\"caption\":\"James\"},\"sameAs\":[\"http:\/\/jamesdowen.com\"],\"url\":\"https:\/\/jamesdowen.com\/blog\/author\/jdowen\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Turning Time Into Colour | James Dowen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/","og_locale":"en_US","og_type":"article","og_title":"Turning Time Into Colour | James Dowen","og_description":"The web we see today is built on code, and all of the various colours we see are mostly written in CSS as HEX values. For example, the blue colour on this blog has a HEX value of\u00a0#3FC0F6, and the grey background has a HEX value of\u00a0#F1F1F1. So, here&#8217;s an experiment that turns time into [&hellip;]","og_url":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/","og_site_name":"James Dowen","article_published_time":"2016-01-20T23:44:18+00:00","author":"James","twitter_misc":{"Written by":"James"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/","url":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/","name":"Turning Time Into Colour | James Dowen","isPartOf":{"@id":"https:\/\/jamesdowen.com\/blog\/#website"},"datePublished":"2016-01-20T23:44:18+00:00","dateModified":"2016-01-20T23:44:18+00:00","author":{"@id":"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/51179280d7d76166490e1c27be360931"},"breadcrumb":{"@id":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jamesdowen.com\/blog\/turning-time-colour\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jamesdowen.com\/blog\/turning-time-colour\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jamesdowen.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Turning Time Into Colour"}]},{"@type":"WebSite","@id":"https:\/\/jamesdowen.com\/blog\/#website","url":"https:\/\/jamesdowen.com\/blog\/","name":"James Dowen","description":"A blog about web development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jamesdowen.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/51179280d7d76166490e1c27be360931","name":"James","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jamesdowen.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e4d7008d9ebb77f8de729f655e30d11f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e4d7008d9ebb77f8de729f655e30d11f?s=96&d=mm&r=g","caption":"James"},"sameAs":["http:\/\/jamesdowen.com"],"url":"https:\/\/jamesdowen.com\/blog\/author\/jdowen\/"}]}},"_links":{"self":[{"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/posts\/76"}],"collection":[{"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":2,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/posts\/76\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jamesdowen.com\/blog\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}