Color Name to HEX Converter
Convert CSS color names to their HEX code equivalents. CSS supports over 140 named colors that can be used directly in stylesheets, and this converter helps you find the exact HEX code for any named color.
Common CSS Color Names
| Color Name | HEX Code | RGB |
|---|---|---|
| red | #FF0000 | rgb(255, 0, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| green | #008000 | rgb(0, 128, 0) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| purple | #800080 | rgb(128, 0, 128) |
| orange | #FFA500 | rgb(255, 165, 0) |
| pink | #FFC0CB | rgb(255, 192, 203) |
| cyan | #00FFFF | rgb(0, 255, 255) |
Gray Scale Colors
| Name | HEX | Value |
|---|---|---|
| white | #FFFFFF | Lightest |
| whitesmoke | #F5F5F5 | |
| gainsboro | #DCDCDC | |
| lightgray | #D3D3D3 | |
| silver | #C0C0C0 | |
| darkgray | #A9A9A9 | |
| gray | #808080 | Middle |
| dimgray | #696969 | |
| black | #000000 | Darkest |
Using Named Colors
``css
.element {
color: crimson;
/* Same as */
color: #DC143C;
}
``
Use this converter to find the precise HEX code for any of CSS's 140+ named colors.