Color Converter
Convert colors between HEX, RGB, HSL and CMYK formats.
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)cmyk(76%, 47%, 0%, 4%)How to Use the Color Converter
Enter a color in any supported format — HEX, RGB or HSL — and see it instantly converted to all other formats including CMYK. Use the color picker to choose a color visually.
Supported Input Formats
- HEX — #ff0000 or ff0000 (3- and 6-digit shorthand supported)
- RGB — rgb(255, 0, 0) or rgb(255 0 0)
- HSL — hsl(0, 100%, 50%) or hsl(0 100% 50%)
Output Formats
- HEX — 6-digit hexadecimal color code
- RGB — Red, green, blue values (0-255)
- HSL — Hue (0-360), saturation (0-100%), lightness (0-100%)
- CMYK — Cyan, magenta, yellow, key/black (0-100%)
- CSS Name — shown when the color matches a named CSS color
Click "Copy" next to any format to copy the value to your clipboard. All processing happens in your browser — no data is sent to any server.
Frequently Asked Questions
What color formats can I enter?
You can enter colors in HEX (#ff0000 or ff0000), RGB (rgb(255, 0, 0)) or HSL (hsl(0, 100%, 50%)) format. Both 3-digit and 6-digit HEX codes are supported.
How is CMYK calculated?
CMYK values are calculated from RGB using the standard formula. Note that screen CMYK is an approximation — for print-accurate CMYK you should use a color profile in a design application.
What is a CSS color name?
CSS defines 148 named colors (like "red", "coral", "navy"). When your color matches one of these names exactly, it is displayed below the preview swatch.
Does this tool support alpha/transparency?
The converter currently focuses on opaque colors (no alpha channel). RGBA and HSLA inputs are accepted but the alpha value is ignored in the output.
Is my data sent to a server?
No. All conversions happen locally in your browser. Nothing is uploaded.
More Developer Tools
JSON Formatter
Format, validate and minify JSON with syntax highlighting.
Open tool →Base64 Encode / Decode
Encode text to Base64 or decode Base64 back to text.
Open tool →UUID Generator
Generate UUID v4 identifiers, single or in bulk.
Open tool →Unix Timestamp Converter
Convert Unix timestamps to human-readable dates and back.
Open tool →URL Encode / Decode
Encode or decode URLs and query parameters.
Open tool →HTML Entity Encode / Decode
Encode special characters to HTML entities or decode them back.
Open tool →