[css-d] 3D Color prism - 216 colors (Windows safe colors)
Hello List, Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. http://css-class.com/test/css/colors/3d-color-prism-216-colors.htm It only uses #RGB since #RRGGBB would take to long to complete and is is in increments of 3 since a full 255 color channel step diagram would also take to long to complete. With #RGB it's possible to have 16 color values with 15 steps. This can be reduced to 5 steps with increments of 3 or how this appears as 5 steps with increments of 3. Below shows the 5 steps being 3, 6, 9, c and f. /* (0) 1 2 (3) 4 5 (6) 7 8 (9) a b (c) d e (f) */ To understand why color is best illustrated as a 3D prism, please view this diagram. http://commons.wikimedia.org/wiki/File:RGB_color_solid_cube.png Using a DOM inspector, one can easy attain the hexadecimal color value from the class names of each div and allows easy selection of a slightly different color. This is not as simple with a normal color diagram or chart. http://en.wikipedia.org/wiki/Web_colours#Web-safe_colors Example, hovering the 1st spot up from white / black, you will see these nesting of divs. #300, #633, #966, #c99 and #fcc. The 3D color prism shows the relationships between neighboring colors by a slight change to either the red, green or blue color channels. If one travel through the 3D prism (or if you prefer, a hexagram) you can travel the 15 steps from black to white. Beginning at the Black, go north 5 steps to red (increase in the red channel), then travel 5 steps to the yellow (increase in the green channel), and 5 steps to the white (increase in the blue channel). You will notice that you are back at the same spot. You will also notice that each spot has more than one color occupying it apart from the outer band. The outer band has 30 spots with 30 colors, then 24 spots with 48 colors, then 18 spots with 54 colors, then 12 spots with 48 colors, then 6 spots with 30 colors and finally 1 spot with 6 colors. 30 + 48 + 54 + 48 + 30 + 6 = 216. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3D Color prism - 216 colors (Windows safe colors)
Fascinated that there is Lime but not Green, Alan; is this intentional ? Philip Taylor Alan Gresley wrote: Hello List, Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. http://css-class.com/test/css/colors/3d-color-prism-216-colors.htm __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3D Color prism - 216 colors (Windows safe colors)
Alan Gresley wrote: Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. Dear Theo, It boggles the mind. Best, Vincent -- http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3D Color prism - 216 colors (Windows safe colors)
Philip Taylor (Webmaster, Ret'd) wrote: Fascinated that there is Lime but not Green, Alan; is this intentional ? Philip Taylor Yes Philip, Instead of using the hexadecimal value #0f0, one can also use the keyword lime (as in background: lime). Also green as a pigment and as a CSS keyword color would be closer the div.hex-090. The precise hexadecimal value is #080. The only colors that are the same as the pigment color is red, yellow, white and black. The pigment Orange is midway between yellow and red, the pigment violet is roughly midway between white / black, red and fuchsia and the pigment blue is midway between white / black and blue. The colors of the rainbow are in slightly different positions. http://en.wikipedia.org/wiki/File:Colorcircle.png -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/