a simple html color chart
|
A Limited Color Chart
Although HTML (hypertext markup language), the graphics language of the web, is capable of specifying millions of colors, the colors shown here will probably be enough to tweak your imagination, especially when you combine colors from the various groups into a theme.
How Color is Specified in HTML
The "names" of the various colors that are shown below each swatch in the color chart are presented in the numeric notation that HTML uses. The colors are presented in a red, green, blue sequence, each as a two-digit hexadecimal number. They're used in HTML in this fashion:
which in this instance, is specifying a pastel blue background color for a borderless table, 410 pixels wide. A "hexadecimal" number, in contrast to a standard decimal number, has 16 possible states: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. When two hexadecimal digits are combined, 256 possible combinations (16 x 16) result, thus the color intensity of any single color (red, green or blue) can range from 00 to ff, where 00 means no color and ff means full on. The result is that 000000 means black, ffffff is white, and ff0000 is red. If you wish to experiment with other colors, begin with one of the colors shown below and raise or lower the intensity of one of the three color components. But don't be too picky about the color you want. No two monitors present exactly the same color. Saturated colors will appear the most uniform, but pastels may show a significant range of variation. If you would like to print this color chart to a color printer, you will need to momentarily enable "background printing" in your browser. In Internet Explorer, this is done in the "Internet Options/Advanced" pull-down menu, with the choice appearing near the bottom of the list. |
Pastel Backgrounds |
||||||
| #ccddff | #ddccff | #bbffdd | #ffbbdd | |||
| #ffddee | #ddeeff | #eeffff | #ddeeff | |||
| #ffeedd | #ffeebb | #eeeeaa | #ffdd00 | |||
| #ddeeff | #ddffee | #eeddff | #eeffdd | Accent Colors |
||
| #0033cc | #0099ff | #669900 | #990033 | |||
| #ff00c0 | #99ccff | #ff0000 | #0099ff | Earth Tones |
||
| #000066 | #6a6a5a | #cccc99 | #ffcc00 | |||
| #eeeeee | #dddddd | #cccccc | #c0c0c0 | |||
| #99cc99 | #34acaf | #9d538e | #692dac | |||
| #cc3333 | #99cc99 | #ff9900 | #ffcc00 | Brights |
||
| #33ff33 | #ffff33 | #66aaff | #dd40c0 | |||
| #ffc0c0 | #ff00c0 | #66ffff | #0099ff | |||
| #3333ff | #ffcc00 | #99ff00 | #cc0000 | |||
| #660099 | #ff6600 | #003366 | #ccdd00 |