CSS Color Codes Cheat Sheet: HEX, RGB, HSL, RGBA
Copy the most common CSS color formats with examples for HEX, RGB, HSL, RGBA, transparent colors and currentColor.
| Use | Value | Note |
|---|---|---|
| HEX | #2563eb | Compact format used in most design specs. |
| RGB | rgb(37 99 235) | Readable red, green and blue channels. |
| RGBA | rgb(37 99 235 / 70%) | Modern CSS alpha syntax for overlays. |
| HSL | hsl(221 83% 53%) | Useful for generated tints and shades. |
| Named | rebeccapurple | CSS named colors supported by browsers. |
Copy snippet
.card {
color: #0f172a;
background: rgb(248 250 252);
border-color: rgb(15 23 42 / 12%);
box-shadow: 0 12px 28px rgb(15 23 42 / 10%);
}