additional services:
SEO, Blogs, Flash, eNewsletters, Landing Pages, Brochures, and Marketing Packages.
Browser Safe Colors
On the Web, color is "in the eye of the beholder." Much depends on the user's browser, and of course, the user's vision. Selecting colors from this chart will help ensure that the color you see on your browser is what everyone else will see on theirs; at least as close as possible. It also helps you to convey your color choices to the Web designer, so that both parties know exactly what "I want a sort of light shade of teal... but with a little more green in it" means.
When selecting
a color, consider harmony. Harmony can be defined as a pleasing arrangement
of parts and is something that is pleasing to the eye. It engages the
viewer and it creates an inner sense 
oforder,
a balance in the visual experience. When something is not harmonious,
it's either boring or chaotic. At one extreme is something so bland
that the viewer is not engaged, since the brain will reject under-stimulating
information.. At the other end of the spectrum is a visual experience
that is so overdone, so chaotic that the viewer can't stand to look
at it. The human brain rejects what it can notorganize, what it can
not understand. The goal is to present color harmony -- visual interest
and a sense of order.
In summary, extreme unity leads to under-stimulation, while extreme complexity leads to over-stimulation. If your company is new and you haven't selected your colors yet, or you want to use different colors on your Website than you have in your office, there are basic formulas you can use to select color schemes that will create harmony. Since volumes have been written on the use of colors, and this Website is not about color, we offer the following as a guideline for you to chose your scheme.
A color scheme based on:
Analogous colors - any three colors which are side by side on a 12 part color wheel, such as yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates.
Complementary colors - any two colors which are directly opposite each other on the color wheel, such as red and green and red and purple and yellow-green. These opposing colors create maximum contrast.
Nature - colors found in nature provide a perfect departure point for color harmony. One color theory is that if you use a color found in nature, putting colors such as red, yellow and green together will be harmonious regardless of whether this combination fits into a technical formula.
These are browser safe colors; Your Web page will look the same on monitors
that can display 256 colors or more, on both Mac and PC computers. (Stanford
University has a color chart posted
on their site with the names of most of these colors included.)
|
|
|||
| #000000 0,0,0 |
#000033 0,0,51 |
#000066 0,0,102 |
#000099 0,0,153 |
| #0000cc 0,0,204 |
#0000ff 0,0,255 |
#330000 51,0,0 |
#330033 51,0,51 |
| #330066 51,0,102 |
#330099 51,0,153 |
#3300cc 51,0,204 |
#3300ff 51,0,255 |
| #660000 102,0,0 |
#660033 102,0,51 |
#660066 102,0,102 |
#660099 102,0,153 |
| #6600cc 102,0,204 |
#6600ff 102,0,255 |
#990000 153,0,0 |
#990033 153,0,51 |
| #990066 153,0,102 |
#990099 153,0,153 |
#9900cc 153,0,204 |
#9900ff 153,0,255 |
| #cc0000 204,0,0 |
#cc0033 204,0,51 |
#cc0066 204,0,102 |
#cc0099 204,0,153 |
| #cc00cc 204,0,204 |
#cc00ff 204,0,255 |
#ff0000 255,0,0 |
#ff0033 255,0,51 |
| #ff0066 255,0,102 |
#ff0099 255,0,153 |
#ff00cc 255,0,204 |
#ff00ff 255,0,255 |
| #003300 0,51,0 |
#003333 0,51,51 |
#003366 0,51,102 |
#003399 0,51,153 |
| #0033cc 0,51,204 |
#0033ff 0,51,255 |
#333300 51,51,0 |
#333333 51,51,51 |
| #333366 51,51,102 |
#333399 51,51,153 |
#3333cc 51,51,204 |
#3333ff 51,51,255 |
| #663300 102,51,0 |
#663333 102,51,51 |
#663366 102,51,102 |
#663399 102,51,153 |
| #6633cc 102,51,204 |
#6633ff 102,51,255 |
#993300 153,51,0 |
#993333 153,51,51 |
| #993366 153,51,102 |
#993399 153,51,153 |
#9933cc 153,51,204 |
#9933ff 153,51,255 |
| #cc3300 204,51,0 |
#cc3333 204,51,51 |
#cc3366 204,51,102 |
#cc3399 204,51,153 |
| #cc33cc 204,51,204 |
#cc33ff 204,51,255 |
#ff3300 255,51,0 |
#ff3333 255,51,51 |
| #ff3366 255,51,102 |
#ff3399 255,51,153 |
#ff33cc 255,51,204 |
#ff33ff 255,51,255 |
| #006600 0,102,0 |
#006633 0,102,51 |
#006666 0,102,102 |
#006699 0,102,153 |
| #0066cc 0,102,204 |
#0066ff 0,102,255 |
#336600 51,102,0 |
#336633 51,102,51 |
| #336666 51,102,102 |
#336699 51,102,153 |
#3366cc 51,102,204 |
#3366ff 51,102,255 |
| #666600 102,102,0 |
#666633 102,102,51 |
#666666 102,102,102 |
#666699 102,102,153 |
| #6666cc 102,102,204 |
#6666ff 102,102,255 |
#996600 153,102,0 |
#996633 153,102,51 |
| #996666 153,102,102 |
#996699 153,102,153 |
#9966cc 153,102,204 |
#9966ff 153,102,255 |
| #cc6600 204,102,0 |
#cc6633 204,102,51 |
#cc6666 204,102,102 |
#cc6699 204,102,153 |
| #cc66cc 204,102,204 |
#cc66ff 204,102,255 |
#ff6600 255,102,0 |
#ff6633 255,102,51 |
| #ff6666 255,102,102 |
#ff6699 255,102,153 |
#ff66cc 255,102,204 |
#ff66ff 255,102,255 |
| #009900 0,153,0 |
#009933 0,153,51 |
#009966 0,153,102 |
#009999 0,153,153 |
| #0099cc 0,153,204 |
#0099ff 0,153,255 |
#339900 51,153,0 |
#339933 51,153,51 |
| #339966 51,153,102 |
#339999 51,153,153 |
#3399cc 51,153,204 |
#3399ff 51,153,255 |
| #669900 102,153,0 |
#669933 102,153,51 |
#669966 102,153,102 |
#669999 102,153,153 |
| #6699cc 102,153,204 |
#6699ff 102,153,255 |
#999900 153,153,0 |
#999933 153,153,51 |
| #999966 153,153,102 |
#999999 153,153,153 |
#9999cc 153,153,204 |
#9999ff 153,153,255 |
| #cc9900 204,153,0 |
#cc9933 204,153,51 |
#cc9966 204,153,102 |
#cc9999 204,153,153 |
| #cc99cc 204,153,204 |
#cc99ff 204,153,255 |
#ff9900 255,153,0 |
#ff9933 255,153,51 |
| #ff9966 255,153,102 |
#ff9999 255,153,153 |
#ff99cc 255,153,204 |
#ff99ff 255,153,255 |
| #00cc00 0,204,0 |
#00cc33 0,204,51 |
#00cc66 0,204,102 |
#00cc99 0,204,153 |
| #00cccc 0,204,204 |
#00ccff 0,204,255 |
#33cc00 51,204,0 |
#33cc33 51,204,51 |
| #33cc66 51,204,102 |
#33cc99 51,204,153 |
#33cccc 51,204,204 |
#33ccff 51,204,255 |
| #66cc00 102,204,0 |
#66cc33 102,204,51 |
#66cc66 102,204,102 |
#66cc99 102,204,153 |
| #66cccc 102,204,204 |
#66ccff 102,204,255 |
#99cc00 153,204,0 |
#99cc33 153,204,51 |
| #99cc66 153,204,102 |
#99cc99 153,204,153 |
#99cccc 153,204,204 |
#99ccff 153,204,255 |
| #cccc00 204,204,0 |
#cccc33 204,204,51 |
#cccc66 204,204,102 |
#cccc99 204,204,153 |
| #cccccc 204,204,204 |
#ccccff 204,204,255 |
#ffcc00 255,204,0 |
#ffcc33 255,204,51 |
| #ffcc66 255,204,102 |
#ffcc99 255,204,153 |
#ffcccc 255,204,204 |
#ffccff 255,204,255 |
| #00ff00 0,255,0 |
#00ff33 0,255,51 |
#00ff66 0,255,102 |
#00ff99 0,255,153 |
| #00ffcc 0,255,204 |
#00ffff 0,255,255 |
#33ff00 51,255,0 |
#33ff33 51,255,51 |
| #33ff66 51,255,102 |
#33ff99 51,255,153 |
#33ffcc 51,255,204 |
#33ffff 51,255,255 |
| #66ff00 102,255,0 |
#66ff33 102,255,51 |
#66ff66 102,255,102 |
#66ff99 102,255,153 |
| #66ffcc 102,255,204 |
#66ffff 102,255,255 |
#99ff00 153,255,0 |
#99ff33 153,255,51 |
| #99ff66 153,255,102 |
#99ff99 153,255,153 |
#99ffcc 153,255,204 |
#99ffff 153,255,255 |
| #ccff00 204,255,0 |
#ccff33 204,255,51 |
#ccff66 204,255,102 |
#ccff99 204,255,153 |
| #ccffcc 204,255,204 |
#ccffff 204,255,255 |
#ffff00 255,255,0 |
#ffff33 255,255,51 |
| #ffff66 255,255,102 |
#ffff99 255,255,153 |
#ffffcc 255,255,204 |
#ffffff 255,255,255 |