Baldwinit.com Website Design

Website Design & Management

  • Home
  • About
  • Archives
  • Tags

Subscribe via Email

Web Safe Color Chart

Posted by admin
March 23, 2008

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.

Example:
Hexadecimal Value - #FFFFFF  RGB Color Code - R=255 G=255 B=255

216 Web Safe Color Chart

#FFFFFF

R=255
G=255
B=255

 #FFFFCC

R=255
G=255
B=204

 #FFFF99

R=255
G=255
B=153

 #FFFF66

R=255
G=255
B=102

 #FFFF33

R=255
G=255
B=51

 #FFFF00

R=255
G=255
B=0
#FFCCFF

R=255
G=204
B=255

 #FFCCCC

R=255
G=204
B=204

 #FFCC99

R=255
G=204
B=153

 #FFCC66

R=255
G=204
B=102

 #FFCC33

R=255
G=204
B=51

 #FFCC00

R=255
G=204
B=0
#FF99FF

R=255
G=153
B=255

 #FF99CC

R=255
G=153
B=204

 #FF9999

R=255
G=153
B=153

 #FF9966

R=255
G=153
B=102

 #FF9933

R=255
G=153
B=51

 #FF9900

R=255
G=153
B=0
#FF66FF

R=255
G=102
B=255

 #FF66CC

R=255
G=102
B=204

 #FF6699

R=255
G=102
B=153

 #FF6666

R=255
G=102
B=102

 #FF6633

R=255
G=102
B=51

 #FF6600

R=255
G=102
B=0
#FF33FF

R=255
G=51
B=255

 #FF33CC

R=255
G=51
B=204

 #FF3399

R=255
G=51
B=153

 #FF3366

R=255
G=51
B=102

 #FF3333

R=255
G=51
B=51

 #FF3300

R=255
G=51
B=0
#FF00FF

R=255
G=0
B=255

 #FF00CC

R=255
G=0
B=204

 #FF0099

R=255
G=0
B=153

 #FF0066

R=255
G=0
B=102

 #FF0033

R=255
G=0
B=51

 #FF0000

R=255
G=0
B=0
#CCFFFF

R=204
G=255
B=255

 #CCFFCC

R=204
G=255
B=204

 #CCFF99

R=204
G=255
B=153

 #CCFF66

R=204
G=255
B=102

 #CCFF33

R=204
G=255
B=51

 #CCFF00

R=204
G=255
B=0
#CCCCFF

R=204
G=204
B=255

 #CCCCCC

R=204
G=204
B=204

 #CCCC99

R=204
G=204
B=153

 #CCCC66

R=204
G=204
B=102

 #CCCC33

R=204
G=204
B=51

 #CCCC00

R=204
G=204
B=0
#CC99FF

R=204
G=153
B=255

 #CC99CC

R=204
G=153
B=204

 #CC9999

R=204
G=153
B=153

 #CC9966

R=204
G=153
B=102

 #CC9933

R=204
G=153
B=51

 #CC9900

R=204
G=153
B=0
#CC66FF

R=204
G=102
B=255

 #CC66CC

R=204
G=102
B=204

 #CC6699

R=204
G=102
B=153

 #CC6666

R=204
G=102
B=102

 #CC6633

R=204
G=102
B=51

 #CC6600

R=204
G=102
B=0
#CC33FF

R=204
G=51
B=255

 #CC33CC

R=204
G=51
B=204

 #CC3399

R=204
G=51
B=153

 #CC3366

R=204
G=51
B=102

 #CC3333

R=204
G=51
B=51

 #CC3300

R=204
G=51
B=0
#CC00FF

R=204
G=0
B=255

 #CC00CC

R=204
G=0
B=204

 #CC0099

R=204
G=0
B=153

 #CC0066

R=204
G=0
B=102

 #CC0033

R=204
G=0
B=51

 #CC0000

R=204
G=0
B=0
#99FFFF

R=153
G=255
B=255

 #99FFCC

R=153
G=255
B=204

 #99FF99

R=153
G=255
B=153

 #99FF66

R=153
G=255
B=102

 #99FF33

R=153
G=255
B=51

 #99FF00

R=153
G=255
B=0
#99CCFF

R=153
G=204
B=255

 #99CCCC

R=153
G=204
B=204

 #99CC99

R=153
G=204
B=153

 #99CC66

R=153
G=204
B=102

 #99CC33

R=153
G=204
B=51

 #99CC00

R=153
G=204
B=0
#9999FF

R=153
G=153
B=255

 #9999CC

R=153
G=153
B=204

 #999999

R=153
G=153
B=153

 #999966

R=153
G=153
B=102

 #999933

R=153
G=153
B=51

 #999900

R=153
G=153
B=0
#9966FF

R=153
G=102
B=255

 #9966CC

R=153
G=102
B=204

 #996699

R=153
G=102
B=153

 #996666

R=153
G=102
B=102

 #996633

R=153
G=102
B=51

 #996600

R=153
G=102
B=0
#9933FF

R=153
G=51
B=255

 #9933CC

R=153
G=51
B=204

 #993399

R=153
G=51
B=153

 #993366

R=153
G=51
B=102

 #993333

R=153
G=51
B=51

 #993300

R=153
G=51
B=0
#9900FF

R=153
G=0
B=255

 #9900CC

R=153
G=0
B=204

 #990099

R=153
G=0
B=153

 #990066

R=153
G=0
B=102

 #990033

R=153
G=0
B=51

 #990000

R=153
G=0
B=0
#66FFFF

R=102
G=255
B=255

 #66FFCC

R=102
G=255
B=204

 #66FF99

R=102
G=255
B=153

 #66FF66

R=102
G=255
B=102

 #66FF33

R=102
G=255
B=51

 #66FF00

R=102
G=255
B=0
#66CCFF

R=102
G=204
B=255

 #66CCCC

R=102
G=204
B=204

 #66CC99

R=102
G=204
B=153

 #66CC66

R=102
G=204
B=102

 #66CC33

R=102
G=204
B=51

 #66CC00

R=102
G=204
B=0
#6699FF

R=102
G=153
B=255

 #6699CC

R=102
G=153
B=204

 #669999

R=102
G=153
B=153

 #669966

R=102
G=153
B=102

 #669933

R=102
G=153
B=51

 #669900

R=102
G=153
B=0
#6666FF

R=102
G=102
B=255

 #6666CC

R=102
G=102
B=204

 #666699

R=102
G=102
B=153

 #666666

R=102
G=102
B=102

 #666633

R=102
G=102
B=51

 #666600

R=102
G=102
B=0
#6633FF

R=102
G=51
B=255

 #6633CC

R=102
G=51
B=204

 #663399

R=102
G=51
B=153

 #663366

R=102
G=51
B=102

 #663333

R=102
G=51
B=51

 #663300

R=102
G=51
B=0
#6600FF

R=102
G=0
B=255

 #6600CC

R=102
G=0
B=204

 #660099

R=102
G=0
B=153

 #660066

R=102
G=0
B=102

 #660033

R=102
G=0
B=51

 #660000

R=102
G=0
B=0
#33FFFF

R=51
G=255
B=255

 #33FFCC

R=51
G=255
B=204

 #33FF99

R=51
G=255
B=153

 #33FF66

R=51
G=255
B=102

 #33FF33

R=51
G=255
B=51

 #33FF00

R=51
G=255
B=0
#33CCFF

R=51
G=204
B=255

 #33CCCC

R=51
G=204
B=204

 #33CC99

R=51
G=204
B=153

 #33CC66

R=51
G=204
B=102

 #33CC33

R=51
G=204
B=51

 #33CC00

R=51
G=204
B=0
#3399FF

R=51
G=153
B=255

 #3399CC

R=51
G=153
B=204

 #339999

R=51
G=153
B=153

 #339966

R=51
G=153
B=102

 #339933

R=51
G=153
B=51

 #339900

R=51
G=153
B=0
#3366FF

R=51
G=102
B=255

 #3366CC

R=51
G=102
B=204

 #336699

R=51
G=102
B=153

 #336666

R=51
G=102
B=102

 #336633

R=51
G=102
B=51

 #336600

R=51
G=102
B=0
#3333FF

R=51
G=51
B=255

 #3333CC

R=51
G=51
B=204

 #333399

R=51
G=51
B=153

 #333366

R=51
G=51
B=102

 #333333

R=51
G=51
B=51

 #333300

R=51
G=51
B=0
#3300FF

R=51
G=0
B=255

 #3300CC

R=51
G=0
B=204

 #330099

R=51
G=0
B=153

 #330066

R=51
G=0
B=102

 #330033

R=51
G=0
B=51

 #330000

R=51
G=0
B=0
#00FFFF

R=0
G=255
B=255

 #00FFCC

R=0
G=255
B=204

 #00FF99

R=0
G=255
B=153

 #00FF66

R=0
G=255
B=102

 #00FF33

R=0
G=255
B=51

 #00FF00

R=0
G=255
B=0
#00CCFF

R=0
G=204
B=255

 #00CCCC

R=0
G=204
B=204

 #00CC99

R=0
G=204
B=153

 #00CC66

R=0
G=204
B=102

 #00CC33

R=0
G=204
B=51

 #00CC00

R=0
G=204
B=0
#0099FF

R=0
G=153
B=255

 #0099CC

R=0
G=153
B=204

 #009999

R=0
G=153
B=153

 #009966

R=0
G=153
B=102

 #009933

R=0
G=153
B=51

 #009900

R=0
G=153
B=0
#0066FF

R=0
G=102
B=255

 #0066CC

R=0
G=102
B=204

 #006699

R=0
G=102
B=153

 #006666

R=0
G=102
B=102

 #006633

R=0
G=102
B=51

 #006600

R=0
G=102
B=0
#0033FF

R=0
G=51
B=255

 #0033CC

R=0
G=51
B=204

 #003399

R=0
G=51
B=153

 #003366

R=0
G=51
B=102

 #003333

R=0
G=51
B=51

 #003300

R=0
G=51
B=0
#0000FF

R=0
G=0
B=255

 #0000CC

R=0
G=0
B=204

 #000099

R=0
G=0
B=153

 #000066

R=0
G=0
B=102

 #000033

R=0
G=0
B=51

 #000000

R=0
G=0
B=0

_______________________________________________________________________________________
Sie helfen, zu verstehen, das ein bißchen besser, wenn wir nach der Pause Hexadezimalzahlen, werden wir feststellen, dass die Farbe Rot enthält FF Betrag von Rot, die höchste Betrag. Es enthält 00 Betrag von grün und blau Höhe von 00, die beide am niedrigsten sind.

Festlegen von Farben innerhalb eines Web-Seite

Wenn Sie möchten angeben, die Farben innerhalb Ihrer Web-Seite, müssen Sie Farb-Attribute. Attribute bestimmen das Aussehen einer Web-Seite, wie Hintergrundfarbe, Text Farben und Schriftarten.

Um eine bestimmte Farbe, müssen Sie die hexadezimalen Farbcode innerhalb Ihres HTML-Programmierung. Die Hexadezimal-Farbcodes kann verwendet werden, während Sie Ihre gesamte Web-Seite geben Sie alle der folgenden:

* Web-Seite Hintergrundfarbe
* Font-Farben
* Tabelle Hintergrundfarben
* Tabelle Grenze Farben

Um sicherzustellen, dass Ihre Farben werden für die meisten Internet-Nutzer, wie Sie beabsichtigten, sollten Sie immer wählen Sie Ihre Farben aus der 216 sicheren Web-Farben, wie abgebildet in die 216 sicheren Web-Farbkarte unten.

Bei der Verwendung von Farben in Ihrem HTML, können Sie auch die aktuelle Farbe “Wort” für die Grundlagenforschung Farben wie schwarz, weiß, rot, grün, blau und gelb. Ihre Farbcode könnte in etwa so aussehen:

Css

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

No comments yet.

Leave a comment

(required)

(required)


Search

Archives

  • May 2008
  • April 2008
  • March 2008

Categories

  • Articles
  • Css
  • Free Templates
  • htaccess
  • Html Codes
  • Icons
  • Javascript Codes
  • Software
  • Wordpress Plugins
  • Wordpress Themes

  • Recent Posts

    • Facebook Wordpress Theme
    • Free Icons download
    • Web Safe Color Chart
    • How can you select a quality domain name?
    • On mouse over alert box

  • Blogroll

    • Cheap Holidays To Egypt
    • Icmeler Hotels
    • Online Music Reviews
    • Sandalye
    • Southern Arizona Women’s Computer Bank
    • Turkey Holidays

  • Archives

    • May 2008
    • April 2008
    • March 2008

  • Recent Posts

    • Facebook Wordpress Theme
    • Free Icons download
    • Web Safe Color Chart
    • How can you select a quality domain name?
    • On mouse over alert box

Powered by WP | WP Remix Copyright 2007. Baldwinit.com Website Design. All rights reserved

  • Home
  • About
  • Archives
  • Tags