Color Picker
Find that perfect color with our color picker and discover beautiful color harmonies, tints, shades and tones; input Hex color codes, RGB and HSL values, and generate HTML, CSS and SCSS styles.
Color Chart
Looking for some already great color combinations? Our color chart features flat design colors, Google's Material design scheme and the classic web safe color palette, all with Hex color codes.
| IndianRed | #CD5C5C | rgb(205, 92, 92) | |
| LightCoral | #F08080 | rgb(240, 128, 128) | |
| Salmon | #FA8072 | rgb(250, 128, 114) | |
| DarkSalmon | #E9967A | rgb(233, 150, 122) | |
| LightSalmon | #FFA07A | rgb(255, 160, 122) |
Color Names
Can't remember all 140 HTML color names? We've got you covered, check out our guide for a quick reference of all the HTML color names grouped by color.
#DFFF00
223, 255, 0
#FFBF00
255, 191, 0
#FF7F50
255, 127, 80
#DE3163
222, 49, 99
#9FE2BF
159, 226, 191
#40E0D0
64, 224, 208
#6495ED
100, 149, 237
#CCCCFF
204, 204, 255
Color Library
Sourcing colors for a new project? Just for fun? Get inspired by our color library containing over 100+ shades from peach to periwinkle, turquoise to taupe, and just about everything in-between.
HTML & CSS Tutorials
Just starting your website or need a refresher? Our tutorials section has something for everyone, from basic HTML and CSS color guides to more advanced techniques in SCSS.
Resources
Our favorite tools and tricks from around the web, including the best color palette generators, free stock photo sites, image search using color, and so much more.
What are HTML color codes?
Color codes are ways of representing the colors we see everyday in a format that a computer can interpret and display. Commonly used in websites and other software applications, there are a variety of formats, including Hex color codes, RGB and HSL values, and HTML color names, amongst others.
Hex color codes
The most popular are Hex color codes; three byte hexadecimal numbers (meaning they consist of six digits), with each byte, or pair of characters in the Hex code, representing the intensity of red, green and blue in the color respectively.
#XXXXXX
Hex code byte values range from 00, which is the lowest intensity of a color, to FF which represents the highest intensity. The color white, for example, is made by mixing each of the three primary colors at their full intensity, resulting in the Hex color code of #FFFFFF.
#FFFFFF
Black, the absence of any color on a screen display, is the complete opposite, with each color displayed at their lowest possible intensity and a Hex color code of #000000.
#000000
Understanding the basics of Hex color code notation we can create grayscale colors very easily, since they consist of equal intensities of each color:
#454545
#999999
The three primary colors, red, green and blue, are made by mixing the highest intensity of the desired color with the lowest intensities of the other two:
#FF0000
#00FF00
#0000FF
With modern browsers supporting the full spectrum of 24-bit color, there are 16,777,216 different color possibilities. Use our color picker to explore all 16.7 million of them, or if that’s too many, check out our color charts for a selection of palettes focused on flat design, Material design and web safe colors.
List of common HTML color codes
| Color | Name | Hex Code | RGB Code |
|---|---|---|---|
| White | #FFFFFF | rgb(255, 255, 255) | |
| Silver | #C0C0C0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) | |
| Red | #FF0000 | rgb(255, 0, 0) | |
| Maroon | #800000 | rgb(128, 0, 0) | |
| Yellow | #FFFF00 | rgb(255, 255, 0) | |
| Olive | #808000 | rgb(128, 128, 0) | |
| Lime | #00FF00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Aqua | #00FFFF | rgb(0, 255, 255) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Blue | #0000FF | rgb(0, 0, 255) | |
| Navy | #000080 | rgb(0, 0, 128) | |
| Fuchsia | #FF00FF | rgb(255, 0, 255) | |
| Purple | #800080 | rgb(128, 0, 128) |