HTML Color Codes
HTML Color Guide for representing HTML Colors
HTML Colors are represented as 3 pairs of hexadecimal numbers: #
RRGGBB
- RR is the hexadecimal equivalent of the red html color component
- GG is the hexadecimal equivalent of the green html color component
- BB is the hexadecimal equivalent of the blue html color component
The red, green, and blue components, also know as RGB components, are combined to create the html color. Each component can have an integer value between 0 and 255 but in html the numbers are represented in hexadecimal format. Hexidecimal format represents numbers in base 16 format. For those of us who don't naturally think in terms of base 16 numbers I've provided a Hexadecimal conversion tool below:
Integer To Hexadecimal Conversion Tool
Enter an integer between 0 and 255:
= Hex
Hexadecimal To Integer Conversion Tool
Enter a Hexadecimal value (ex. FF):
= Integer
HTML Color Codes Tool for creating HTML Colors
Use the following HTML Color Tool to create HTML colors. Experiment with different RGB values to design colors you can use for HTML font colors, HTML background colors, HTML link colors, HTML border colors, and HTML table colors. Get creative with color.
Here are a few examples of HTML colors used on popular websites. Click on the links below to view the HTML Color Code above.
The Sixteen Predefined HTML Colors
Silver - #C0C0C0
Gray - #808080
Maroon - #800000
Green - #008000
Navy - #000080
Purple - #800080
Olive - #808000
Teal - #008080
White - #FFFFFF
Black - #000000
Red - #FF0000
Lime - #00FF00
Blue - #0000FF
Magenta - #FF00FF
Yellow - #FFFF00
Cyan - #00FFFF
HTML Color Chart
HTML Color Table of HTML Color Names, Hex Color Codes, and Color Sample
Recommended HTML Books
|
|
Beginner HTML Book
Highly Recommended
|
Advanced HTML Book
Very Highly Recommended
|
Here are a few examples of how you can use Colors in HTML Code
Specify the html background color of the page via the hexadecimal html color code or html color name:
<body background="#F5F5F5" >
<body background="whitesmoke" >
Specify the html font color via the hexadecimal html color code or html color name within a <font> tag. Note that the <font> tag has been deprecated. Use <span> instead:
<font color="#FFA500">Orange HTML Font Color</font>
<font color="orange">Orange HTML Font Color</font>
Cascading Style Sheets (CSS)
Specify the html background color via an inline style sheet property:
<body style="background-color:#000000" >
Specify the html background color, global html links color, and a class named "links" via a Global Stylesheet declaration. Note that the links style sheet properties also specify the html link color when "hovering" over the link (ie. when the mouse is placed over the link.)
<style type="text/css">
body {background-color:#ffffff}
a {color:#32CD32;font-size:11px;font-family:verdana}
a:hover {color:red;font-size:11px;font-family:verdana}
.link {color:black;font-size:11px;font-family:verdana}
.link:hover {color:yellow;font-size:11px;font-family:verdana}
</style>
Link to our HTML Color Codes Page:
Educate your users on html colors. Feel free to place a link to this page on your website using the code below:
TITLE: HTML Color Codes
URL: http://www.leadinternet.com/web-design/html/html-color-codes.html
DESCRIPTION: Learn about HTML colors. HTML Color Chart Reference.