HTML Color Codes

Use this page to get HTML color codes for your website. The colors are represented by their hexadecimal values (the most common method for the web). On the color picker, you can also see the RGB values (you can use these for the web too).

Example of HTML color code usage: <td style="background-color:#ffcc99">

To learn more about HTML colors and how to apply them to your website, check out the HTML colors section of the HTML tutorial.

Color Picker

  1. Use the slider on the right to change the hue.
  2. Click anywhere in the large square to pick a color.
  3. Once you're happy with the color, copy the hexadecimal value from the bottom field (the series of 6 digits/letters in bold (for example #FFFFFF).


Color Picker Background
Color Picker Selector
Color selector



Choose Multiple Colors (optional)
Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it!

Color 1: # ____
Color 2: # ____
Color 3: # ____

HTML Color Names

You can also specify HTML colors by the color name, as well as a decimal code value. Here's a chart of the 17 basic color names as recognized in the CSS 2.1 specification.

Clicking on a color value will open a color scheme tester, where you can see what your selected color looks like as the background color of a web page.

X11 Colors

Here is a table of the X11 colors. These are supported by all major browsers.

Try clicking on a value. This will open a color tester where you can test different colors against the page background.

Go on... try it!

Web Safe Colors

If you're feeling a little nostalgic (or you just don't think you've quite seen enough color charts for today), the web safe color palette might be of interest. Web safe colors were popular in the early days of the web when colors could look very different depening on which computer/operating system you were viewing it with at the time. Fortunately, things have changed and colors appear much more consistently in different devices than what they once did.