Web Color Codes
Obtain HTML color codes, HEX values, and their RGB and HSL equivalents using our color picker, chart, and list of HTML color names.
Color Picker
Locate your ideal color with our color picker, uncover appealing color harmonies, tints, shades, and tones. You can enter HEX, RGB, and HSL values to generate the corresponding HTML, CSS, and SCSS styles.
Take it for a spin!
Flat Design Colors
A set of vibrant, high-contrast colors typical of flat design, used for building clean and straightforward user interfaces.
Color Chart
Searching for excellent, pre-made color combinations? Our color chart showcases flat design colors, Google's Material Design palette, and the traditional web-safe color collection, all complete with HEX codes.
See all the charts!
| Color | Name | HEX Code | RGB Code |
|---|---|---|---|
| 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
Struggling to remember all 140 standard HTML color names? We can help. Refer to our guide for a convenient reference of every HTML color name, organized by its corresponding color.
Browse the full list!
Color Library
Are you gathering colors for a new design, or just exploring for enjoyment? Find inspiration in our color library, which features over 100 shades ranging from peach to periwinkle, turquoise to taupe, and nearly every color in between.
Explore the Library!
HTML & CSS Tutorials
Are you new to web development or in need of a quick refresher? Our tutorials section offers something for every skill level, covering fundamental HTML and CSS color guides to more complex SCSS techniques.
Start learning!
What are HTML color codes?
Color codes are methods of translating the colors we see in the real world into a digital format that a computer can process and show. Widely used on websites and in other software, they come in various formats, including HEX codes, RGB and HSL values, and HTML color names.
HEX color codes
The most common format is the HEX color code, a three-byte hexadecimal number (composed of six digits). Each byte, or pair of characters, in the HEX code defines the intensity of the red, green, and blue components of the color, respectively.
#FF0000
The values for a HEX code byte go from 00 (the lowest intensity) to FF (the highest intensity). White, for instance, is created by combining all three primary colors at their maximum intensity, which gives it the HEX color code #FFFFFF.
#FFFFFF
Black, which is the total absence of color on a screen, is the exact opposite. Each color is set to its minimum intensity, yielding a HEX color code of #000000.
#000000
By understanding the principles of HEX notation, we can produce grayscale colors with ease, as they are made from equal amounts of each primary color:
#454545
#999999
The three primary colors—red, green, and blue—are formed by setting the desired color to its highest intensity while keeping the other two at their lowest:
#FF0000
#00FF00
#0000FF
Because modern browsers support 24-bit color, there are 16,777,216 distinct color options available. Feel free to use our color picker to navigate all 16.7 million of them. If that's too much choice, you can visit our color charts for curated palettes centered 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) |