Is the Colour Code Converter free?

Yes — the Colour Code Converter is completely free, with no account, subscription, signup, or usage limits.

Is my data uploaded or stored?

No. The Colour Code Converter processes everything locally in your browser. Your input is never uploaded, saved, or shared with any server.

Does the Colour Code Converter work offline?

Yes. Once the page has finished loading, the Colour Code Converter works without an internet connection.

Which browsers does the Colour Code Converter work in?

The Colour Code Converter works in all modern browsers, including Chrome, Firefox, Safari, and Edge — no plugins or extensions needed.

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%)

Free browser-based tool · Runs 100% on your device · Last updated July 7, 2026

What is the 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 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 Colour Code Converter

What is the Colour Code Converter?: The Colour Code Converter is a free online tool that lets you convert between HEX, RGB, HSL, and CMYK colour code formats. It runs entirely in your browser, so there is nothing to install and nothing is uploaded to a server.
Is the Colour Code Converter free?: Yes — the Colour Code Converter is completely free, with no account, subscription, signup, or usage limits.
Is my data uploaded or stored?: No. The Colour Code Converter processes everything locally in your browser. Your input is never uploaded, saved, or shared with any server.
Does the Colour Code Converter work offline?: Yes. Once the page has finished loading, the Colour Code Converter works without an internet connection.
Which browsers does the Colour Code Converter work in?: The Colour Code Converter works in all modern browsers, including Chrome, Firefox, Safari, and Edge — no plugins or extensions needed.
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.