6 min read
2026-01-27
When working with CSS and design, it is important to understand the different color representation formats and be able to convert between them.
| Format | Example | Application |
|---|---|---|
| HEX | #FF5733 | CSS, design |
| RGB | rgb(255, 87, 51) | CSS, Canvas |
| HSL | hsl(11, 100%, 60%) | CSS, animations |
| CMYK | cmyk(0, 66, 80, 0) |
The most common format on the web. Consists of the # character and 6 hexadecimal digits (2 per channel: R, G, B).
Additive color model. Each channel takes a value from 0 to 255. Supports alpha channel (RGBA).
Intuitive model for color selection. Hue is specified in degrees (0–360), saturation and lightness are specified in percentages.
Select a color from the palette or enter a value
Get values in all formats instantly
Copy the desired format
Create harmonious palettes
See also: Flexbox Playground, CSS Minifier, Grid Playground