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:
To learn more about HTML colors and how to apply them to your website, check out the HTML colors section of the HTML tutorial.
- Use the slider on the right to change the hue.
- Click anywhere in the large square to pick a color.
- 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).
Website Color Schemer is a useful little utility for picking colors and creating schemes for your website. It provides tools for choosing and comparing colors and allows you to preview them before publishing.
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.
|Color Name||Hex Code
|Color Name||Hex Code
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!
More Color Codes & Color Names
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.
Enjoy this page?
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
Thanks for supporting Quackit!