HTML Tutorial - HTML Color Codes
There are several options for specifying colors with HTML. Colors (or color codes) can be specified by the color name (red, green, blue), in hexadecimal format or hex triplets (#FF0000, #008000, #0000FF), or by decimal color code (255 0 0, 0 128 0, 0 0 255)What is RGB
RGB stands for Red, Green, and Blue. These 3 primary colors build the base for any other color on the color wheel. All computer monitors and television sets use RGB.How to Set a Color by Color Name
Here is how to set the color by color name:<span style="color:red">Color Name Red</span>Color Name Red
The W3C has defined 16 color names, which comply with HTML 4.01 standards. These HTML color names are:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive,
purple, red, silver, teal, white, and yellow.
How to Set a Color with Hexadecimal Color Codes
Hexadecimal color codes can be used with CSS, XHTML, and older versions of HTML. Hexadecimal color codes always start with #. Here is how to set the color with hexadecimal color codes in HTML:<span style="color:#FF0000">Hexadecimal Color Code Red</span>Hexadecimal Color Code Red
How to Set a Color with Decimal Color Codes
Decimal color codes can be used with CSS and are used by most graphic applications like Photoshop. Here is how to set the color with decimal color codes in HTML:<span style="color:RGB(255,0,0)">Decimal Color Code Red</span>Decimal Color Code Red
Web Safe Colors
In the late 90's a set of 216 web safe colors was developed for computers capable of displaying 256 colors. Today most computers have 16-bit, or 24-bit color displays and it is safe to use pretty much any color code.Other than specifying colors by their name (red, green, blue), web safe colors can be specified by a 3-digit number, which is basically a short version of the 6-digit hexadecimal color code. The 3-digit color code is also supported with CSS!
216 Web Save Colors Palette:
000 | 300 | 600 | 900 | C00 | F00 |
003 | 303 | 603 | 903 | C03 | F03 |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
00F | 30F | 60F | 90F | C0F | F0F |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
0F0 | 3F0 | 6F0 | 9F0 | CF0 | FF0 |
0F3 | 3F3 | 6F3 | 9F3 | CF3 | FF3 |
0F6 | 3F6 | 6F6 | 9F6 | CF6 | FF6 |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
0FC | 3FC | 6FC | 9FC | CFC | FFC |
0FF | 3FF | 6FF | 9FF | CFF | FFF |
HTML color codes can be used to set the color for tables, borders, table background, the background of table cells, site background, font and text, links and more. For more information about setting the color in HTML:
- Setting The Color For Tables
- Setting The Color For Borders
- Setting The Color For Backgrounds
- Setting The Color For Fonts And Text
- Setting The Color For Links
HTML Related Links
- How to Get a Web Site or Online Business Started
- CMS - Content Management System
- How to Choose and Register the Right Domain Name
- Making Revenue - How to Make Money With a Website
- Server and Hosting
© This Article is Copyrighted by WebmasterSeminar.com
Please do not copy or reproduce this article in whole or part, in any form, without mentioning the source and including a live link back to WebmasterSeminar.com - Thank You!LINK TO THIS TUTORIAL:
Copy the code below and paste into your web page
<a href="http://www.webmasterseminar.com/htmlcolors.php"> Webmaster Seminar</a><br /> HTML Colors - Free Information, Tutorials and HTML Resources