HTML
Color Chart - Web Safe Colors
©
John Dow
Back in 1994 Netscape
established a standard to produce colors that had the same
appearance on all computers. This was when most computers
supported only 256 different colors, an HTML color chart of 216 HTML Web Safe Colors were adopted as a Web
standard. The reason for this was that the Microsoft and Mac
operating system used 40 different "reserved"
fixed system colors (about 20 each).
The HTML color chart are
expressed as hexadecimal 3 part numbers that represent the
amount of red, green, and blue combined that results in the
color you view. As an example, FF0000 is reproduced as red
since the first two digits (FF) show the amount of red and
the next two (00) represent the amount of green, and the
last two (00) are the amount of blue.
Most modern equipment can
easily display millions of colors but the colors listed
below will display the same no matter what equipment. So if
you want to play it safe, stick to these colors for your
HTML website design.
Color has a huge impact on
the visitor to your web site. Colors effect mood and emotion
and can also effect the legibility of your content. Blue
type on a white background is acknowledged by most experts
as the best color combination.
216 Colors (sans the 20
each reserved)
This 216 HTML color chart below are all web safe colors and were created to
ensure that all computers would display these colors
correctly when running a 256 color palette or above.
As an example, if you
wanted to make a font orange (FF6600) you would use this
HTML color code:
<font
color="#FF6600">font color</font>
and it would look like this: font
color
Or a table
with background in red (FF0000) with a blue border (0000C0),
the HTML color code would look like this:
<table
border="0" cellpadding="0" cellspacing="0"
width="300" style="background-color: #FF0000;
border: 2 solid #0000C0">
and the box like the one below.
Color choices are important
for any web page or web site. Coming up with an attractive
and easy on the eyes design can be a difficult. Here are
some example of web safe colors that work well
together on a web page along with the font color.
333399
9999CC
CCCCFF
333366
333333
666699
999999
If you need some help with
color selection and doing better at combining the right
colors for your web site, check out our Color Schemer and
Color Picker in our HTML WebSite Templates package. These
utilities can help you find the best color combinations and
color schemes.
To find out more click
here: HTML
WebSite Templates
The HTML Color chart below
shows the standard web safe colors with codes. The numbers below on each
color represent the hexadecimal number assigned to that
color. You can visually find the color you want, then use
the hex number to tell the browser what color to use when
displaying the item (whether it is a font, box, background,
or even a graphic).
HTML
Color Chart
| 000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
| 003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
| 006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
| 009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
| 00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
| 00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
| 330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
| 333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
| 336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
| 339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
| 33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
| 33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
| 660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
| 663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
| 666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
| 669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
| 66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
| 66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
| 990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
| 993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
| 996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
| 999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
| 99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
| 99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
| CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
| CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
| CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
| CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
| CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
| CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
| FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
| FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
| FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
| FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
| FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
| FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
Check
Out The Best Collection of HTML Templates That Include Web Safe Colors Click
Here: HTML
Templates
|