Is the Colour Code Converter free to use?

Yes, the Colour Code Converter is completely free. No account, subscription, or signup is required — ever.

Does my data get uploaded anywhere?

No. The Colour Code Converter runs entirely in your browser. Your data is never sent to any server.

Does it work offline?

Yes. Once the page has loaded, the tool works without an internet connection.

Which browsers are supported?

All modern browsers — Chrome, Firefox, Safari, and Edge. No plugins or extensions required.

Why does CMYK conversion differ between tools?

CMYK is device-dependent — different printers interpret CMYK values differently. This converter provides a standard mathematical conversion from RGB to CMYK as a good starting point, but always check with your print provider for colour-managed profiles.

Colour Code Converter

Convert between HEX, RGB, HSL, and CMYK colour code formats.

HEX value

HEX

#3B82F6

RGB

rgb(59, 130, 246)

R: 59 G: 130 B: 246

HSL

hsl(217, 91%, 60%)

H: 217° S: 91% L: 60%

CMYK

cmyk(76%, 47%, 0%, 4%)

C: 76% M: 47% Y: 0% K: 4%

76%

47%

All Formats

HEX #3B82F6

RGB rgb(59, 130, 246)

HSL hsl(217, 91%, 60%)

CMYK cmyk(76%, 47%, 0%, 4%)

What is the Free Colour Code Converter?

The free Color Code Converter converts any colour between four formats: HEX, RGB, HSL, and CMYK. Type a HEX code (e.g. #FF5733) or choose from the preset colour swatches, and the tool instantly outputs the equivalent values in all four colour models alongside a live colour preview swatch. Perfect for designers moving between design tools, CSS, and print specifications.

→ Converting HEX colour codes from a design file to CSS-ready RGB values
→ Converting RGB to CMYK for print design or offset printing specifications
→ Converting HSL values from CSS to HEX for Figma or Sketch
→ Identifying the exact colour model values for brand colour guidelines

How to Use the Free Colour Code Converter

1 Enter a HEX colour code in the input field (with or without the # prefix), or click a preset colour swatch.
2 The tool instantly shows the equivalent HEX, RGB, HSL, and CMYK values.
3 A live colour preview updates as you type.
4 Click the copy button next to any format to copy its value to clipboard.

Key Features

🎨
HEX, RGB, HSL, and CMYK

All four major colour formats output simultaneously from a single HEX input.
👁️
Live colour preview

A colour swatch updates in real time as you type or select a preset.
🖌️
Preset colour swatches

Quick-access presets for common web and brand colours.
📋
Copy button per format

Copy any individual colour format to clipboard with one click.
🆓
Free, browser-based

No upload, no login — runs entirely client-side.

Example Usage

Example Input

Input HEX: #FF5733

Example Output

HEX: #FF5733 · RGB: 255, 87, 51 · HSL: 11°, 100%, 60% · CMYK: 0%, 66%, 80%, 0%

Frequently Asked Questions about the Free Colour Code Converter

What is the free Colour Code Converter?: Convert between HEX, RGB, HSL, and CMYK colour code formats.
Is the Colour Code Converter free to use?: Yes, the Colour Code Converter is completely free. No account, subscription, or signup is required — ever.
Does my data get uploaded anywhere?: No. The Colour Code Converter runs entirely in your browser. Your data is never sent to any server.
Does it work offline?: Yes. Once the page has loaded, the tool works without an internet connection.
Which browsers are supported?: All modern browsers — Chrome, Firefox, Safari, and Edge. No plugins or extensions required.
Why does CMYK conversion differ between tools?: CMYK is device-dependent — different printers interpret CMYK values differently. This converter provides a standard mathematical conversion from RGB to CMYK as a good starting point, but always check with your print provider for colour-managed profiles.