HTML Color Chart / Font Color Codes

You can designate the text color on your web page using the 'color' attribute in the HTML font element. There are two different methods of entering the value for the color attribute. The easiest way is to use any one of the 140 official recognized color names which make up part of the so-called X11 Color List.

Example:

Your green text goes here.

HTML Color Chart

And of course now you must be wondering what all the official color names are. Well, for your convenience, I've constructed an interactive color chart below displaying all of the official color names in the so-called X11 color list that can be used in web page code. Any of these color names can be used to define colors in HTML, CSS and/or Javascript. Hence any of these colors may be used in your HTML font color codes.

Hover over the color swatches in the color chart on the left to view color names. Click on any swatch to select that color.

Your color:

Hexadecimal Color Codes

However if you want a much wider range of colors to choose from, color values can also be represented using hexadecimal color codes (which must be preceded by a hash mark '#') which allows you to choose from among potentially 16 million color definitions as opposed to just 140.

The hexadecimal color code is basically just a six-digit code using any number from 0 to 9 or any letter from A through F (case insensitive). The code applies the RGB (red, green, blue) color system where the first two digits control red, the second two digits control green and the last two digits control blue. As a basic example, #ff0000 = bright red, #00ff00 = bright green, and #0000ff = bright blue.

Here's an example of using a hexadecimal color code in the font element:

Your green text goes here.

HSB Color Slider

Now, even when using RGB color slider tools, whipping up your own custom hexadecimal colors can be a tedious and mind boggling task. When you only have various saturations of red, green and blue to work with, it's not readily apparent how to make various other colors and tones, like orange, for example.

Hence, once again for your convenience, here's a user-friendly HSB color slider that will allow you to quickly and easily cook up your own hexadecimal color codes. These color codes can be used to define colors in HTML, CSS and/or Javascript which, of course, includes the HTML font element.

Default Text Color

And finally, you can set the default text color on your web page in the absence of any other font color code declaration. You do this by using the text attribute in the <body> tag. You can use named colors or hexadecimal color codes. Example:

<body text="Navy">

The above example declares that, unless otherwise specified by any color attributes in  tags, the text color on your web page will be Navy blue.

Now let's learn how to set the font size on your web page...

See also:

Best Free Stuff
for webmasters

Free Text Editors
Free Graphics Editors
Website Analysis Tools
Free Website Templates