{"id":1902,"date":"2012-06-30T11:34:40","date_gmt":"2012-06-30T15:34:40","guid":{"rendered":"http:\/\/greynotgrey.com\/blog\/?p=1902"},"modified":"2012-06-30T11:47:52","modified_gmt":"2012-06-30T15:47:52","slug":"rethinking-the-colour-wheel","status":"publish","type":"post","link":"https:\/\/greynotgrey.com\/blog\/2012\/06\/30\/rethinking-the-colour-wheel\/","title":{"rendered":"Rethinking the Colour Wheel"},"content":{"rendered":"

When we’re taught the colour wheel in art class, we learn the 3-primary colour wheel. Red, yellow, and blue are the primary colours, orange, green, and violet are the secondary colours. This is where we get complementary (opposite) colours as I explained in my post about\u00a0simultaneous complementary contrast with greys<\/a>.<\/p>\n

The thing is, there’s a bit more to it than that. The 3-primary colour wheel is how to mix colours. If we are talking about how we actually see<\/strong> colours,\u00a0<\/em>there are four primary colours, not three.<\/p>\n

\"3<\/p>\n

The 3-primary colour wheel was developed by Goethe<\/a>\u00a0in 1810 (yes, the guy that wrote Faust was also a scientist, lawyer, linguist, poet, etc.).<\/p>\n

The 4-primary colour wheel was first published in 1878 by Ewald Hering<\/a>, a German physiologist specializing in colour perception. I know, what’s with the Germans and colour? Anyhow, I digress.<\/p>\n

Instead of seeing complementary colours as in the 3-primary wheel, Hering described “opposing” colours: blue and yellow; red and green, and black and white. Essentially, this is based on the physiology of visual perception.<\/p>\n

Cone cells in your retina see colour. Rod cells see light and dark. \u00a0Although people usually talk about cone cells seeing red, green, and blue, they actually respond to short, medium, and long wavelengths in the colour spectrum. Short wavelengths are towards violet in the spectrum, long wavelengths towards red.<\/p>\n

\"Spectrum<\/p>\n

So that’s the spectrum as we see it, the “visible spectrum”. A thin wedge between gamma rays(10-14<\/sup> nanometers), x rays, and ultraviolet on the short \u00a0wavelength end, and \u00a0infrared, radar, FM, TV, shortwave and AM (104<\/sup> meters) on the long wavelength side. Not much to work with, but somehow we make do.<\/p>\n

Now, back to physiology – we actually do see red, green, and blue (for the sake of simplicity) but our brain filters input from the cone cells.<\/p>\n

Here’s an excellent explanation of how this works from Jason Cohen:<\/p>\n

Filter #1\u00a0works like this:<\/p>\n

\"Red-Green<\/p>\n

Explanation: The more R there is, the more positive the signal; the more G, the more negative the signal. If there\u2019s relatively\u00a0equal amounts\u00a0of R and G\u00a0\u2014 whether neither of both, a little of both, or a lot of both\u00a0\u2014 the signal is zero.<\/p>\n

This explains why there\u2019s no \u201cgreenish-red.\u201d …<\/p>\n

Knowing that blue\/yellow is the other opposite pair, you can probably guess what (Filter 2) is:<\/p>\n

\"Blue-<\/p>\n

Here blue (B) is opposed with a combination of both the R and G channels. The R and G cones are stimulated either when there\u2019s literally both red and green light (like when a CSS coder turns on both red and green as\u00a0#FFFF00<\/code>\u00a0to create yellow), or when 570nm light (yellow, on the visible spectrum) stimulates both R and G cones.<\/p>\n

Filter #3\u00a0is simple:<\/p>\n

\"Red<\/p>\n

In short, it measures the quantity of light without regard to what hue it is. This is \u201chow bright,\u201d or \u201cluminance\u201d in color-theory parlance.<\/p>\n

And magenta?\u00a0It comes from full R and B with no G, activating Filter #1 full-positive, Filter #2 at zero. It\u2019s not a physical wavelength of color, it\u2019s just a combination of outputs from two filters.<\/p>\n

– Jason Cohen via A Smart Bear<\/a><\/p><\/blockquote>\n

One nitpick – Cohen is incorrect in saying “This explains why there\u2019s no \u201cgreenish-red.\u201d\u00a0Red with a little bit of green is brown, or when desaturated with white, it is grey. This is true of all complementary colours – \u00a0or, in the 4-primary system, opposing colours. It’s a lot more complicated than we need to go into here but essentially the filtering system is a good description of colour perception and how the 4-primary system makes more sense physiologically.<\/p>\n

Interestingly, the 4-primary colour wheel is often used in industries that work with colour a lot such as paint manufacturing, as it more accurately decribes colour as the eye naturally perceives it. For example, Hering’s 4-primary colour wheel is the basis for the NCS (natural colour system)<\/a>, the default colour reference for Sweden, Norway, and Spain.<\/p>\n

\"Ewald

Ewald Hering’s 4-primary colour wheel showing warm and cool colour<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"

When we’re taught the colour wheel in art class, we learn the 3-primary colour wheel. Red, yellow, and blue are the primary colours, orange, green, and violet are the secondary colours. This is where we get complementary (opposite) colours as…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[115,265],"tags":[345,346,347,267,344],"class_list":["post-1902","post","type-post","status-publish","format-standard","hentry","category-colour-theory","category-design-theory","tag-4-colour-wheel","tag-colour-mixing","tag-colur-theory","tag-design-theory-2","tag-ewald-hering"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2JDlZ-uG","_links":{"self":[{"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/posts\/1902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/comments?post=1902"}],"version-history":[{"count":0,"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/posts\/1902\/revisions"}],"wp:attachment":[{"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/media?parent=1902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/categories?post=1902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/greynotgrey.com\/blog\/wp-json\/wp\/v2\/tags?post=1902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}