{"id":1091,"date":"2015-03-17T21:29:28","date_gmt":"2015-03-18T04:29:28","guid":{"rendered":"http:\/\/otherthings.com\/blog\/?p=1091"},"modified":"2025-12-18T14:48:30","modified_gmt":"2025-12-18T22:48:30","slug":"fun-with-pseudocolor-part-2","status":"publish","type":"post","link":"https:\/\/otherthings.com\/blog\/2015\/03\/fun-with-pseudocolor-part-2\/","title":{"rendered":"Fun with Pseudocolor, Part Two"},"content":{"rendered":"<figure id=\"attachment_1093\" aria-describedby=\"caption-attachment-1093\" style=\"width: 802px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1093\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM.png\" alt=\"A more perceptually-uniform, if less pretty, pseudocolor scheme.\" width=\"802\" height=\"797\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM.png 802w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM-150x150.png 150w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM-300x298.png 300w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-17-at-8.55.45-PM-144x144.png 144w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/a><figcaption id=\"caption-attachment-1093\" class=\"wp-caption-text\">A more perceptually-uniform, though arguably less pretty, pseudocolor scheme.<\/figcaption><\/figure>\n<p>Inspired by <a href=\"https:\/\/www.vis4.net\/blog\/avoid-equidistant-hsv-colors\/\" target=\"_new\">this brilliant interactive demo<\/a> of the perceptually uniform CIE L*a*b* color space, I decided to try a L*a*b* version of my pseudocolor scheme. I don&#8217;t find this version as pretty to look at, but it has the advantage that higher values are always mapped to colors that are perceptually brighter than lower values. In other words, if you squint at the image above, the bright and dark regions correspond pretty much exactly to what you&#8217;d see if it were greyscale. (For the L*a*b* to RGB conversion, I grabbed pseudocode from <a href=\"http:\/\/www.easyrgb.com\/index.php?X=MATH&amp;H=08#text8\" target=\"_new\">this handy page<\/a>.)<\/p>\n<figure id=\"attachment_1094\" aria-describedby=\"caption-attachment-1094\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1094\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab1.jpg\" alt=\"L*a*b* space is much bigger than RGB space, so the spiral gets clipped against the edge of the cube in some places.\" width=\"700\" height=\"350\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab1.jpg 700w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab1-300x150.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><figcaption id=\"caption-attachment-1094\" class=\"wp-caption-text\">L*a*b* space is much bigger than RGB space, so the spiral gets clipped by the sides of the cube in a few places.<\/figcaption><\/figure>\n<figure id=\"attachment_1098\" aria-describedby=\"caption-attachment-1098\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1098\" src=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab2.jpg\" alt=\"If you crank up the saturation, you do get more vivid colors, at the cost of a lot more clipping.\" width=\"700\" height=\"350\" srcset=\"https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab2.jpg 700w, https:\/\/otherthings.com\/blog\/wp-content\/uploads\/2015\/03\/pseudo_Lab2-300x150.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><figcaption id=\"caption-attachment-1098\" class=\"wp-caption-text\">If you crank up the saturation, you do get more vivid colors, at the cost of a lot more clipping.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Inspired by this brilliant interactive demo of the perceptually uniform CIE L*a*b* color space, I decided to try a L*a*b* version of my pseudocolor scheme. I don&#8217;t find this version as pretty to look at, but it has the advantage that higher values are always mapped to colors that are perceptually brighter than lower values. &hellip; <a href=\"https:\/\/otherthings.com\/blog\/2015\/03\/fun-with-pseudocolor-part-2\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Fun with Pseudocolor, Part Two<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,123,16,27],"tags":[],"class_list":["post-1091","post","type-post","status-publish","format-standard","hentry","category-fun","category-graphics","category-perception-hacking","category-visualization"],"_links":{"self":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/1091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/comments?post=1091"}],"version-history":[{"count":7,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/1091\/revisions"}],"predecessor-version":[{"id":1868,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/posts\/1091\/revisions\/1868"}],"wp:attachment":[{"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/media?parent=1091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/categories?post=1091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otherthings.com\/blog\/wp-json\/wp\/v2\/tags?post=1091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}