developer5 sections · 39 items
Web Color Codes & Names Cheat Sheet
Complete reference for CSS named colors, HEX codes, RGB values, and HSL notation. Includes popular palettes and color format conversions.
CSS Named Colors (Most Used)
| Item | Value |
|---|---|
| black | #000000 / rgb(0,0,0) |
| white | #FFFFFF / rgb(255,255,255) |
| red | #FF0000 / rgb(255,0,0) |
| green | #008000 / rgb(0,128,0) |
| blue | #0000FF / rgb(0,0,255) |
| yellow | #FFFF00 / rgb(255,255,0) |
| orange | #FFA500 / rgb(255,165,0) |
| purple | #800080 / rgb(128,0,128) |
| gray | #808080 / rgb(128,128,128) |
| transparent | rgba(0,0,0,0) |
Popular UI Colors
| Item | Value |
|---|---|
| Tailwind Blue 500 | #3B82F6 |
| Tailwind Green 500 | #22C55E |
| Tailwind Red 500 | #EF4444 |
| Tailwind Yellow 500 | #EAB308 |
| Tailwind Gray 100 | #F3F4F6 |
| Tailwind Gray 900 | #111827 |
| Bootstrap Primary | #0D6EFD |
| Bootstrap Danger | #DC3545 |
| Material Blue | #2196F3 |
| Material Teal | #009688 |
Color Format Conversions
| Item | Value |
|---|---|
| HEX to RGB | Split into pairs: #FF6633 -> R:255 G:102 B:51 |
| RGB to HEX | Convert each 0-255 to hex: 255 -> FF |
| HSL format | hsl(hue, saturation%, lightness%) |
| HSLA format | hsla(hue, sat%, light%, alpha) |
| RGBA format | rgba(red, green, blue, alpha) |
| HEX with alpha | #RRGGBBAA |
Grayscale Ramp
| Item | Value |
|---|---|
| White | #FFFFFF / rgb(255,255,255) |
| Light Gray | #D3D3D3 / rgb(211,211,211) |
| Silver | #C0C0C0 / rgb(192,192,192) |
| Gray | #808080 / rgb(128,128,128) |
| Dim Gray | #696969 / rgb(105,105,105) |
| Dark Gray | #A9A9A9 / rgb(169,169,169) |
| Charcoal | #333333 / rgb(51,51,51) |
| Black | #000000 / rgb(0,0,0) |
CSS Color Functions (Modern)
| Item | Value |
|---|---|
| color-mix() | color-mix(in srgb, red, blue) |
| oklch() | oklch(lightness chroma hue) |
| lch() | lch(lightness chroma hue) |
| lab() | lab(lightness a b) |
| currentColor | Inherits the current text color |
Tip: Use landscape orientation for wider tables
Related Tools
Stay Updated
Get notified about new tools, features, and exclusive deals. No spam, ever.