Lead Internet® - HTML Color Codes and HTML Colors

Lead Internet. Realize your true web potential.
Web Development, Landing Page Design, Microsite Design, and Web Design
Landing Page, Microsite, Database, and Lead Hosting
Site Tracking and Web Analytics
Other Services include Automation Scripting, Web Services, and More.
Projects
Services
Rates
Contact Us

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.

HTML COLORS: RED

Red
HTML COLORS: GREEN

Green
HTML COLORS: BLUE

Blue
=  
HTML COLOR


HTML 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

HTML Color Names HTML Color Codes HTML Color Swatches
aliceblue #F0F8FF HTML COLOR: aliceblue
antiquewhite #FAEBD7 HTML COLOR: antiquewhite
aqua #00FFFF HTML COLOR: aqua
aquamarine #7FFFD4 HTML COLOR: aquamarine
azure #F0FFFF HTML COLOR: azure
beige #F5F5DC HTML COLOR: beige
bisque #FFE4C4 HTML COLOR: bisque
black #000000 HTML COLOR: black
blanchedalmond #F0FFFF HTML COLOR: blanchedalmond
blue #0000FF HTML COLOR: blue
blueviolet #8A2BE2 HTML COLOR: blueviolet
brown #A52A2A HTML COLOR: brown
burlywood #DEB887 HTML COLOR: burlywood
cadetblue #5F9EA0 HTML COLOR: cadetblue
chartreuse #7FFF00 HTML COLOR: chartreuse
chocolate #D2691E HTML COLOR: chocolate
coral #FF7F50 HTML COLOR: coral
cornflowerblue #6495ED HTML COLOR: cornflowerblue
cornsilk #FFF8DC HTML COLOR: cornsilk
crimson #DC143C HTML COLOR: crimson
cyan #00FFFF HTML COLOR: cyan
darkblue #00008B HTML COLOR: darkblue
darkcyan #008B8B HTML COLOR: darkcyan
darkgoldenrod #B8860B HTML COLOR: darkgoldenrod
darkgray #A9A9A9 HTML COLOR: darkgray
darkgreen #006400 HTML COLOR: darkgreen
darkkhaki #BDB76B HTML COLOR: darkkhaki
darkmagenta #8B008B HTML COLOR: darkmagenta
darkolivegreen #556B2F HTML COLOR: darkolivegreen
darkorange #FF8C00 HTML COLOR: darkorange
darkorchid #9932CC HTML COLOR: darkorchid
darkred #8B0000 HTML COLOR: darkred
darksalmon #E9967A HTML COLOR: darksalmon
darkseagreen #8FBC8F HTML COLOR: darkseagreen
darkslateblue #483D8B HTML COLOR: darkslateblue
darkslategray #2F4F4F HTML COLOR: darkslategray
darkturquoise #00CED1 HTML COLOR: darkturquoise
darkviolet #9400D3 HTML COLOR: darkviolet
deeppink #FF1493 HTML COLOR: deeppink
deepskyblue #00BFFF HTML COLOR: deepskyblue
dimgray #696969 HTML COLOR: dimgray
dodgerblue #1E90FF HTML COLOR: dodgerblue
firebrick #B22222 HTML COLOR: firebrick
floralwhite #FFFAF0 HTML COLOR: floralwhite
forestgreen #228B22 HTML COLOR: forestgreen
fuchsia #FF00FF HTML COLOR: fuchsia
gainsboro #DCDCDC HTML COLOR: gainsboro
ghostwhite #F8F8FF HTML COLOR: ghostwhite
gold #FFD700 HTML COLOR: gold
goldenrod #DAA520 HTML COLOR: goldenrod
gray #808080 HTML COLOR: gray
green #008000 HTML COLOR: green
greenyellow #ADFF2F HTML COLOR: greenyellow
honeydew #F0FFF0 HTML COLOR: honeydew
hotpink #FF69B4 HTML COLOR: hotpink
indianred #CD5C5C HTML COLOR: indianred
indigo #4B0082 HTML COLOR: indigo
ivory #FFFFF0 HTML COLOR: ivory
khaki #F0E68C HTML COLOR: khaki
lavender #E6E6FA HTML COLOR: lavender
lavenderblush #FFF0F5 HTML COLOR: lavenderblush
lawngreen #7CFC00 HTML COLOR: lawngreen
lemonchiffon #FFFACD HTML COLOR: lemonchiffon
lightblue #ADD8E6 HTML COLOR: lightblue
lightcoral #F08080 HTML COLOR: lightcoral
lightcyan #E0FFFF HTML COLOR: lightcyan
lightgoldenrodyellow #FAFAD2 HTML COLOR: lightgoldenrodyellow
lightgreen #90EE90 HTML COLOR: lightgreen
lightgrey #D3D3D3 HTML COLOR: lightgrey
lightpink #FFB6C1 HTML COLOR: lightpink
lightsalmon #FFA07A HTML COLOR: lightsalmon
lightseagreen #20B2AA HTML COLOR: lightseagreen
lightskyblue #87CEFA HTML COLOR: lightskyblue
lightslategray #778899 HTML COLOR: lightslategray
lightsteelblue #B0C4DE HTML COLOR: lightsteelblue
lightyellow #FFFFE0 HTML COLOR: lightyellow
lime #00FF00 HTML COLOR: lime
limegreen #32CD32 HTML COLOR: limegreen
linen #FAF0E6 HTML COLOR: linen
magenta #FF00FF HTML COLOR: magenta
maroon #800000 HTML COLOR: maroon
mediumaquamarine #66CDAA HTML COLOR: mediumaquamarine
mediumblue #0000CD HTML COLOR: mediumblue
mediumorchid #BA55D3 HTML COLOR: mediumorchid
mediumpurple #9370DB HTML COLOR: mediumpurple
mediumseagreen #3CB371 HTML COLOR: mediumseagreen
mediumslateblue #7B68EE HTML COLOR: mediumslateblue
mediumspringgreen #00FA9A HTML COLOR: mediumspringgreen
mediumturquoise #48D1CC HTML COLOR: mediumturquoise
mediumvioletred #C71585 HTML COLOR: mediumvioletred
midnightblue #191970 HTML COLOR: midnightblue
mintcream #F5FFFA HTML COLOR: mintcream
mistyrose #FFE4E1 HTML COLOR: mistyrose
moccasin #FFE4B5 HTML COLOR: moccasin
navajowhite #FFDEAD HTML COLOR: navajowhite
navy #000080 HTML COLOR: navy
oldlace #FDF5E6 HTML COLOR: oldlace
olive #808000 HTML COLOR: olive
olivedrab #6B8E23 HTML COLOR: olivedrab
orange #FFA500 HTML COLOR: orange
orangered #FF4500 HTML COLOR: orangered
orchid #DA70D6 HTML COLOR: orchid
palegoldenrod #EEE8AA HTML COLOR: palegoldenrod
palegreen #98FB98 HTML COLOR: palegreen
paleturquoise #AFEEEE HTML COLOR: paleturquoise
palevioletred #DB7093 HTML COLOR: palevioletred
papayawhip #FFEFD5 HTML COLOR: papayawhip
peachpuff #FFDAB9 HTML COLOR: peachpuff
peru #CD853F HTML COLOR: peru
pink #FFC0CB HTML COLOR: pink
plum #DDA0DD HTML COLOR: plum
powderblue #B0E0E6 HTML COLOR: powderblue
purple #800080 HTML COLOR: purple
red #FF0000 HTML COLOR: red
rosybrown #BC8F8F HTML COLOR: rosybrown
royalblue #4169E1 HTML COLOR: royalblue
saddlebrown #8B4513 HTML COLOR: saddlebrown
salmon #FA8072 HTML COLOR: salmon
sandybrown #F4A460 HTML COLOR: sandybrown
seagreen #2E8B57 HTML COLOR: seagreen
seashell #FFF5EE HTML COLOR: seashell
sienna #A0522D HTML COLOR: sienna
silver #C0C0C0 HTML COLOR: silver
skyblue #87CEEB HTML COLOR: skyblue
slateblue #6A5ACD HTML COLOR: slateblue
slategray #708090 HTML COLOR: slategray
snow #FFFAFA HTML COLOR: snow
springgreen #00FF7F HTML COLOR: springgreen
steelblue #4682B4 HTML COLOR: steelblue
tan #D2B48C HTML COLOR: tan
teal #008080 HTML COLOR: teal
thistle #D8BFD8 HTML COLOR: thistle
tomato #FF6347 HTML COLOR: tomato
turquoise #40E0D0 HTML COLOR: turquoise
violet #EE82EE HTML COLOR: violet
wheat #F5DEB3 HTML COLOR: wheat
white #FFFFFF HTML COLOR: white
whitesmoke #F5F5F5 HTML COLOR: whitesmoke
yellow #FFFF00 HTML COLOR: yellow
yellowgreen #9ACD32 HTML COLOR: yellowgreen

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.