If you're looking for a 216 web safe
color chart, you've come to the right place. However, before
reviewing the chart, you may be interested in learning a
little bit about the 216 web safe colors.
Netscape
specified 216 colors that have precedence in web browsers
based on the 256 colors displayed within an 8-bit system. As
40 colors displayed differently between PCs and MACs, they
were eliminated.
These 216 colors, known as web safe
colors, are recognized by all web browsers and operating
systems, which means these colors will look about the same
within any browser.
 RGB and Hexadecimal Color Codes
Colors are made up of 3 sets of RGB numbers representing
the amount of Red, Green and Blue
contained within a color. These colors are represented as
hexadecimal values.
For example, the hexadecimal
numbers for black is #000000. The
first two numbers (00) represent
the amount of red the color
contains. The second two numbers (00) represent the amount of green and the last two numbers (00) represent the amount of blue the color contains. When a color,
such as black, contains 00 amount of red, green or blue, this
means it contains no amount of that color or 0%.
However, colors containing RGB values of FF contain
the most amount of a color or 100%. For example, the
hexadecimal value for white is #FFFFFF, which means it
contains the most amount of red, green and blue.
The
hexadecimal numbers for red are FF0000. To help you to
understand this a little bit better, if we break down the
hexadecimal numbers, we will find that the color red contains
FF amount of red, which is the highest amount. It contains 00
amount of green and 00 amount of blue, both of which are the
lowest.
Specifying Colors Within a Web Page
If you would like to specify colors within your web page,
you must set color attributes. Attributes determine the
appearance of a web page, such as background color, text
colors and fonts.
To specify a specific color, you
must use the hexadecimal color code within your HTML coding.
The hexadecimal color codes can be used
throughout your entire web page to specify all of the
following:
- Web page background color
- Font colors
- Table background colors
- Table border colors
To ensure your colors will be
displayed to most Internet users as you had intended, you
should always select your colors from the 216 web safe colors,
as displayed in the 216 web safe color chart
below.
When using colors
within your HTML, you can also use the actual color "word" for
basic colors such as black, white, red, green, blue and
yellow. Your color code might look something like
this:
BGCOLOR="RED"
|
Color |
Red |
Green |
Blue |
Hexadecimal |
|
Black |
0 |
0 |
0 |
#000000 |
| White |
255 |
255 |
255 |
#FFFFFF |
| Red |
255 |
0 |
0 |
#FF0000 |
|
Green |
0 |
192 |
0 |
#00C000 |
|
Blue |
0 |
0 |
255 |
#0000FF |
| Yellow |
255 |
255 |
0 |
#FFFF00 |
To specify the background and text
color of a web page, place the following color attributes,
indicated in bold, within the BODY tag of your web
page:
<BODY BGCOLOR="#FFFFFF" TEXT="#0000FF">
To specify link
colors within a web page, place the following color
attributes, indicated in bold, within the BODY tag of your web
page:
<BODY LINK="#003399"
VLINK="#0000CC" ALINK="#9966CC">
To specify the border
color within an HTML table, place the following code within
your TABLE code:
<TABLE BORDER="2"
BORDERCOLOR="#CCCCCC">
To specify the
background color within a specific TABLE cell, place the
following code, indicated in bold, within your TABLE
code:
<TD BGCOLOR="#CCCCCC">Your Cell
Text</TD>
Edit the hexadecimal color codes
indicated in red to suit your needs.
Although you can
change the background color of your web page, it is highly
recommended that you use the default background color of white
and the default text color of black, as this is the easiest
color options to read within a web browser.
In
addition, it is highly recommended that you use the default
link colors within your web pages, as these colors are what
your visitors will be expecting. Changing the link colors may
cause confusion.
Each color displayed within the color
chart below contains the hexadecimal values and the RGB (Red,
Green, Blue) Values. Select a color and copy & paste the
hexadecimal value into your HTML document.
|
