|
Earthchronicle.com Home (Timelines, Ref. Shelf, Interactive) |
Chronicle Subjects (Alphabetical or ECAN Codes) | I Have Something to Add! | Site Index | Reader's Guide |
| Have a Question? Ask Us! Have an update, suggestion, or found an error? Email Us! | ||||
The 216 Web-Safe ColorsArranged by Color Groups. |
|||||
|
The 216 Web Safe colors are the colors that any computer, using any operating system, running any browser will display accurately. You can use other colors but they will not always make your page look right on your visitors display. That's why these 216 colors are valuable. They always show up right on anyone's computer. The 216 colors are created by allowing each of the pixel colors (red, green, and blue) to be set at any one of six levels (6 x 6 x 6 = 216). Each color can be turned completely off, 00 or set up through 33, 66, 99, CC, or FF, which is completely on. Obviously these aren't regular base-10 numbers (the decimals, 0-9), they are hexidecimal numbers (base-16). All you need to know about them is that C is more than 9, and F is higher than C. What you need is a good reference so you can find the colors you need quickly, which means they need to be arranged well. I have seen some of the weirdest arrangements of these colors: color wheels, hexagons, 6 columns with red and blue at top but green buried somewhere in the middle!?!?!? The last seems especially bizarre, but I've actually seen it on the web more than the others combined. All of these layouts are so confusing, it's ridiculous. Now it's got to be perfectly obvious to anyone who suffered through graphing in high school that three variables (like red, green and, blue) should be graphed on three axes. (x, y, and z) This means that the 216 Web Safe colors are most reasonably arranged in a cube. I know I'm not the only one to figure this out, however, I can't point you to any place on the net or any book that presents it this way. So, I've done it myself here. We have color cube references sliced by red, green, or blue values, or even an expanded explanation of the color cube. Here are the 216 Web Safe Colors as arranged alphabetically by color groups, e.g. blues together, browns together, etc.
Arrange by Color ValuesPrefer Blue Slices.Prefer Green Slices. Prefer Red Slices. Or see the Color Cube Expanded. |
| Blue Navies |
Browns Muddy Greens |
Cyans Sky Blues |
Greens Limes |
Magentas | |
| Oranges | Purples Lavendars |
Reds | Yellows Yellow Greens |
Monochrome |
Blues
|
|||||
#0099CC |
#3399CC |
#6699CC |
#0099FF |
#3399FF |
#6699FF |
#0066CC |
#3366CC |
#6666CC |
#0066FF |
#3366FF |
#6666FF |
#0033CC |
#3333CC |
#6633CC |
#0033FF |
#3333FF |
#6633FF |
#0000CC |
#3300CC |
#6600CC |
#0000FF |
#3300FF |
#6600FF |
Blues: Navies
|
|||||
#006699 |
#336699 |
#666699 |
|||
#003366 |
#333366 |
#003399 |
#333399 |
||
#000066 |
#330066 |
#000099 |
#330099 |
||
Browns
|
|||||
#996666 |
#CC9966 |
||||
#660033 |
#663333 |
#996633 |
#CC6633 |
#CC9933 |
|
#660000 |
#663300 |
#996600 |
#CC6600 |
#CC9900 |
|
Browns: Muddy Greens
|
|||||
#CCCC99 |
|||||
#999966 |
#CCCC66 |
||||
#666633 |
#999933 |
#CCCC33 |
|||
#666600 |
#999900 |
#CCCC00 |
|||
Cyans
|
|||||
#00FFCC |
#33FFCC |
#66FFCC |
#99FFCC |
#CCFFCC |
|
#00CCCC |
#33CCCC |
#66CCCC |
#99CCCC |
||
#00FF99 |
#33FF99 |
#66FF99 |
#99FF99 |
||
#00CC99 |
#33CC99 |
#66CC99 |
|||
Cyans: Sky Blues
|
|||||
#00FFFF |
#33FFFF |
#66FFFF |
#99FFFF |
#CCFFFF |
|
#00CCFF |
#33CCFF |
#66CCFF |
#99CCFF |
||
Greens
|
|||||
#009999 |
#339999 |
#669999 |
|||
#006666 |
#336666 |
#009966 |
#339966 |
#669966 |
|
#006633 |
#336633 |
#009933 |
#339933 |
#669933 |
|
#006600 |
#336600 |
#009900 |
#339900 |
#669900 |
|
Limes
|
|||||
#00FF66 |
#33FF66 |
#66FF66 |
|||
#00FF33 |
#33FF33 |
#66FF33 |
|||
#00FF00 |
#33FF00 |
#66FF00 |
|||
#99CC99 |
|||||
#00CC66 |
#33CC66 |
#66CC66 |
#99CC66 |
||
#00CC33 |
#33CC33 |
#66CC33 |
#99CC33 |
||
#00CC00 |
#33CC00 |
#66CC00 |
#99CC00 |
||
Magentas/Pinks
|
|||||
#FF00FF |
#FF33FF |
#FF66FF |
#FF99FF |
#FFCCFF |
|
#FF00CC |
#FF33CC |
#FF66CC |
#FF99CC |
#FFCCCC |
|
#FF0099 |
#FF3399 |
#FF6699 |
#FF9999 |
||
#FF0066 |
#FF3366 |
#FF6666 |
|||
#CC0099 |
#CC3399 |
#CC6699 |
#CC9999 |
||
#CC0066 |
#CC3366 |
#CC6666 |
|||
Oranges
|
|||||
#FFCC00 |
#FFCC33 |
#FFCC66 |
#FFCC99 |
||
#FF9900 |
#FF9933 |
#FF9966 |
|||
#FF6600 |
#FF6633 |
||||
Purples
|
|||||
#9900FF |
#9933FF |
#CC00FF |
#CC33FF |
||
#9900CC |
#9933CC |
#CC00CC |
#CC33CC |
||
#660099 |
#663399 |
#990099 |
#993399 |
||
#660066 |
#663366 |
#990066 |
#993366 |
||
Purples: Lavendars
|
|||||
#9966FF |
#9999FF |
#CC66FF |
#CC99FF |
#CCCCFF |
|
#9966CC |
#9999CC |
#CC66CC |
#CC99CC |
||
#996699 |
|||||
Reds
|
|||||
#FF3300 |
#FF3333 |
#CC3300 |
#CC3333 |
#993300 |
#993333 |
#FF0000 |
#FF0033 |
#CC0000 |
#CC0033 |
#990000 |
#990033 |
Yellows
|
|||||
#FFFF00 |
#FFFF33 |
#FFFF66 |
#FFFF99 |
#FFFFCC |
|
Yellow: Yellow/Greens
|
|||||
#CCFF00 |
#CCFF33 |
#CCFF66 |
#CCFF99 |
||
#99FF00 |
#99FF33 |
#99FF66 |
|||
Monochrome
|
|||||
#000000 |
#333333 |
#666666 |
#999999 |
#CCCCCC |
#FFFFFF |
#000033 |
#330033 |
#330000 |
#333300 |
#003300 |
#003333 |
| Author: | chroniclemaster1 | Date Received: | 2005/09/02 |
|---|---|---|---|
| Editor: | chroniclemaster1 | First Date Posted: | 2005/09/02 |
| Proofreader: | chroniclemaster1 | Last Date Revised: | 2005/12/03 |
| Researcher(s): | chroniclemaster1 | ||
| Subjects: | |||
| Back to Earthchronicle.com Homepage | Chronicle Subjects (Alphabetical or ECAN Codes) | I Have Something to Add! | Site Index | Reader's Guide |
| Have a Question? Ask Us! Have an update, suggestion, or found an error? Email Us! | ||||