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/

Reply via email to