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.
Option 1: Color Picker
- 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).
![]() ![]() |
|
Option 2: Web Safe Color Palette
This color code chart contains the colors from the 216 web safe color palette. Use these colors if you prefer to use only colors from the web safe palette. The shorthand hexadecimal value is written below each color so you can copy and paste the shorthand hex value into your HTML code.
| 000 | 300 | 600 | 900 | C00 | F00 |
| 003 | 303 | 603 | 903 | C03 | F03 |
| 006 | 306 | 606 | 906 | C06 | F06 |
| 009 | 309 | 609 | 909 | C09 | F09 |
| 00C | 30C | 60C | 90C | C0C | F0C |
| 00F | 30F | 60F | 90F | C0F | F0F |
| 030 | 330 | 630 | 930 | C30 | F30 |
| 033 | 333 | 633 | 933 | C33 | F33 |
| 036 | 336 | 636 | 936 | C36 | F36 |
| 039 | 339 | 639 | 939 | C39 | F39 |
| 03C | 33C | 63C | 93C | C3C | F3C |
| 03F | 33F | 63F | 93F | C3F | F3F |
| 060 | 360 | 660 | 960 | C60 | F60 |
| 063 | 363 | 663 | 963 | C63 | F63 |
| 066 | 366 | 666 | 966 | C66 | F66 |
| 069 | 369 | 669 | 969 | C69 | F69 |
| 06C | 36C | 66C | 96C | C6C | F6C |
| 06F | 36F | 66F | 96F | C6F | F6F |
| 090 | 390 | 690 | 990 | C90 | F90 |
| 093 | 393 | 693 | 993 | C93 | F93 |
| 096 | 396 | 696 | 996 | C96 | F96 |
| 099 | 399 | 699 | 999 | C99 | F99 |
| 09C | 39C | 69C | 99C | C9C | F9C |
| 09F | 39F | 69F | 99F | C9F | F9F |
| 0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
| 0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
| 0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
| 0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
| 0CC | 3CC | 6CC | 9CC | CCC | FCC |
| 0CF | 3CF | 6CF | 9CF | CCF | FCF |
| 0F0 | 3F0 | 6F0* | 9F0 | CF0 | FF0 |
| 0F3 | 3F3 | 6F3 | 9F3 | CF3 | FF3 |
| 0F6 | 3F6 | 6F6 | 9F6 | CF6 | FF6 |
| 0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
| 0FC | 3FC | 6FC | 9FC | CFC | FFC |
| 0FF | 3FF | 6FF | 9FF | CFF | FFF |
You can use hex shorthand for the websafe colors (just as you see them in the chart above). It's easy to convert hex to shorthand (and vice versa) because each shorthand digit represents two in hexadecimal. For example, shorthand of #F06 would be #FF0066 in hexadecimal.
Don't forget to preceed the shorthand value with a #.
Remember, this color code chart represents the 216 web safe color palette. You can actually use any hexadecimal value you like - just remember that if you venture outside of the 216 web safe color palette, your website might look much different for your users.


