Color Converter
Convert colors between HEX, RGB, HSL and approximate CMYK with a live preview and copy-ready CSS color values.
CMYK is approximate because print profiles and output settings change the final values.
Convert color codes for web and design work
Color-converter SERPs expect a fast developer/designer workflow: enter a HEX, RGB or HSL value, preview the color, and copy equivalent CSS-ready values.
| Format | Example | Typical use |
|---|---|---|
| HEX | #3b82f6 | CSS, HTML and design tokens |
| RGB | rgb(59, 130, 246) | Canvas, CSS and screen color channels |
| HSL | hsl(217, 91%, 60%) | Hue, saturation and lightness adjustments |
| CMYK | 76%, 47%, 0%, 4% | Approximate print handoff only |
CMYK is approximate without a print profile
Frequently Asked Questions
Sources and References
Calculations are based on the listed reference sources. Links open in a new tab.
Related Tools
Generate 5-color palettes from a base HEX color with monochromatic, analogous, complementary, triadic, tetradic, and random harmony modes.
Create linear, radial, and conic CSS gradients with live preview, color stops, angle or position controls, presets, and copy-ready CSS.
Generate one random color or a 5-color random palette with HEX, RGB, and HSL values for CSS, design mockups, and test data.
Convert common units for length, mass, temperature, area, volume, speed, data, pressure, energy, power, time, angles and fuel economy.