RGB and Hexadecimal Color Codes

RGB and Hexadecimal Color Codes
Recommended by Sir Earl Albina
Reference: http://www.web-source.net/216_color_chart.htm
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 ofred 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.
216 Web Safe Color Chart
Example:
Hexadecimal Value - #FFFFFF RGB Color Code - R=255 G=255 B=255
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
R=255 R=255 R=255 R=255 R=255 R=255

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
R=255 R=255 R=255 R=255 R=255 R=255

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
R=255 R=255 R=255 R=255 R=255 R=255

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
R=255 R=255 R=255 R=255 R=255 R=255

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
R=255 R=255 R=255 R=255 R=255 R=255

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
R=255 R=255 R=255 R=255 R=255 R=255

G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
R=204 R=204 R=204 R=204 R=204 R=204

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
R=204 R=204 R=204 R=204 R=204 R=204

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
R=204 R=204 R=204 R=204 R=204 R=204

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
R=204 R=204 R=204 R=204 R=204 R=204

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
R=204 R=204 R=204 R=204 R=204 R=204

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
R=204 R=204 R=204 R=204 R=204 R=204

G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
R=153 R=153 R=153 R=153 R=153 R=153

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
R=153 R=153 R=153 R=153 R=153 R=153

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#9999FF #9999CC #999999 #999966 #999933 #999900
R=153 R=153 R=153 R=153 R=153 R=153

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
#9966FF #9966CC #996699 #996666 #996633 #996600
R=153 R=153 R=153 R=153 R=153 R=153

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
#9933FF #9933CC #993399 #993366 #993333 #993300
R=153 R=153 R=153 R=153 R=153 R=153

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
#9900FF #9900CC #990099 #990066 #990033 #990000
R=153 R=153 R=153 R=153 R=153 R=153

G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0
R=102 R=102 R=102 R=102 R=102 R=102

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
R=102 R=102 R=102 R=102 R=102 R=102

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#6699FF #6699CC #669999 #669966 #669933 #669900
R=102 R=102 R=102 R=102 R=102 R=102

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
#6666FF #6666CC #666699 #666666 #666633 #666600
R=102 R=102 R=102 R=102 R=102 R=102

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
#6633FF #6633CC #663399 #663366 #663333 #663300
R=102 R=102 R=102 R=102 R=102 R=102

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
#6600FF #6600CC #660099 #660066 #660033 #660000
R=102 R=102 R=102 R=102 R=102 R=102

G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0
R=51 R=51 R=51 R=51 R=51 R=51

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
R=51 R=51 R=51 R=51 R=51 R=51

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#3399FF #3399CC #339999 #339966 #339933 #339900
R=51 R=51 R=51 R=51 R=51 R=51

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
#3366FF #3366CC #336699 #336666 #336633 #336600
R=51 R=51 R=51 R=51 R=51 R=51

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
#3333FF #3333CC #333399 #333366 #333333 #333300
R=51 R=51 R=51 R=51 R=51 R=51

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
#3300FF #3300CC #330099 #330066 #330033 #330000
R=51 R=51 R=51 R=51 R=51 R=51
G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0
R=0 R=0 R=0 R=0 R=0 R=0

G=255 G=255 G=255 G=255 G=255 G=255
B=255 B=204 B=153 B=102 B=51 B=0
R=0 R=0 R=0 R=0 R=0 R=0

G=204 G=204 G=204 G=204 G=204 G=204
B=255 B=204 B=153 B=102 B=51 B=0
#0099FF #0099CC #009999 #009966 #009933 #009900
R=0 R=0 R=0 R=0 R=0 R=0

G=153 G=153 G=153 G=153 G=153 G=153
B=255 B=204 B=153 B=102 B=51 B=0
#0066FF #0066CC #006699 #006666 #006633 #006600
R=0 R=0 R=0 R=0 R=0 R=0

G=102 G=102 G=102 G=102 G=102 G=102
B=255 B=204 B=153 B=102 B=51 B=0
#0033FF #0033CC #003399 #003366 #003333 #003300
R=0 R=0 R=0 R=0 R=0 R=0

G=51 G=51 G=51 G=51 G=51 G=51
B=255 B=204 B=153 B=102 B=51 B=0
#0000FF #0000CC #000099 #000066 #000033 #000000
R=0 R=0 R=0 R=0 R=0 R=0

G=0 G=0 G=0 G=0 G=0 G=0
B=255 B=204 B=153 B=102 B=51 B=0

RGB and Hexadecimal Color Codes

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

RGB and Hexadecimal Color Codes

Загружено:

Авторское право:

Доступные форматы

RGB and Hexadecimal Color Codes

Recommended by Sir Earl Albina

Colors are made up of 3 sets of RGB numbers representing the amount

Specifying Colors Within a Web Page

 Web page background color

Color Red Green Blue Hexadecimal

<BODY BGCOLOR="#FFFFFF" TEXT="#0000FF">

<BODY LINK="#003399" VLINK="#0000CC" ALINK="#9966CC">

<TABLE BORDER="2" BORDERCOLOR="#CCCCCC">

<TD BGCOLOR="#CCCCCC">Your Cell Text</TD>

#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00

R=255 R=255 R=255 R=255 R=255 R=255

R=255 R=255 R=255 R=255 R=255 R=255

R=255 R=255 R=255 R=255 R=255 R=255

R=255 R=255 R=255 R=255 R=255 R=255

R=255 R=255 R=255 R=255 R=255 R=255

R=255 R=255 R=255 R=255 R=255 R=255

#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00

R=204 R=204 R=204 R=204 R=204 R=204

R=204 R=204 R=204 R=204 R=204 R=204

R=204 R=204 R=204 R=204 R=204 R=204

R=204 R=204 R=204 R=204 R=204 R=204

R=204 R=204 R=204 R=204 R=204 R=204

R=204 R=204 R=204 R=204 R=204 R=204

#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00

R=153 R=153 R=153 R=153 R=153 R=153

R=153 R=153 R=153 R=153 R=153 R=153

R=153 R=153 R=153 R=153 R=153 R=153

R=153 R=153 R=153 R=153 R=153 R=153

R=153 R=153 R=153 R=153 R=153 R=153

R=153 R=153 R=153 R=153 R=153 R=153

#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00

R=102 R=102 R=102 R=102 R=102 R=102

R=102 R=102 R=102 R=102 R=102 R=102

R=102 R=102 R=102 R=102 R=102 R=102

R=102 R=102 R=102 R=102 R=102 R=102

R=102 R=102 R=102 R=102 R=102 R=102

R=102 R=102 R=102 R=102 R=102 R=102

#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00

R=51 R=51 R=51 R=51 R=51 R=51

R=51 R=51 R=51 R=51 R=51 R=51

R=51 R=51 R=51 R=51 R=51 R=51

R=51 R=51 R=51 R=51 R=51 R=51

R=51 R=51 R=51 R=51 R=51 R=51

#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00

R=0 R=0 R=0 R=0 R=0 R=0

R=0 R=0 R=0 R=0 R=0 R=0

R=0 R=0 R=0 R=0 R=0 R=0

R=0 R=0 R=0 R=0 R=0 R=0

R=0 R=0 R=0 R=0 R=0 R=0

R=0 R=0 R=0 R=0 R=0 R=0

Вам также может понравиться