Color Converter

Edit HEX, RGB, HSL and CMYK with a live swatch.

FREE - NO SIGN-UP - RUNS ON YOUR DEVICE

Runs locally in your browser

  • Liveresult
  • 0uploads
  • 1 tapto copy
  • Freeno account
In practice

What you can count on

  • 0uploads
    • Your input stays on this device
    • Nothing is sent for processing
  • Liveoutput
    • Results update in the working area
    • Change inputs and compare instantly
  • 1 tapto copy
    • Copy the result
    • No account or install needed
Specification

Color Converter at a glance

Input
A color in HEX, RGB, HSL or CMYK.
Output
Matching values in all four formats
Method
sRGB conversion, done in your tab
What the boxes accept
Shorthand hex and loose syntax
Price
Free
Where processing happens
On your device
How to

How to use Color Converter

  1. 1

    Enter one value

    Type into the HEX, RGB, HSL or CMYK field, whichever you already have.

  2. 2

    Read the other three

    The remaining fields and the swatch follow the moment you edit, so you see the same color four ways.

  3. 3

    Copy all four

    The Result box underneath holds all four values, and Copy result puts them on your clipboard together.

Questions

Frequently asked questions

Does this work without uploading anything?

Yes. The tool processes your input inside the browser tab. Nothing is sent to a processing server or stored in an account.

Can I change the result before copying it?

Yes. Adjust any available control and the result updates. Copy it only when the output matches what you need.

Which browsers are supported?

Current versions of Chrome, Edge, Firefox and Safari support the browser features used here. Very old browsers may lack a required API.

What happens while I am still typing a hex code?

The box turns red and is marked invalid for screen readers, but what you typed is left exactly as typed. Nothing is silently corrected, so a half-finished code never turns into a color you did not choose.

Background

Why the numbers do not always round-trip

HEX and RGB describe the same 8-bit values, so those two always agree. HSL and CMYK are calculated, and converting back can land a point or two from where you started.

  • CMYK here is plain arithmetic, not a print profile. A press proof will not match what the screen shows.
  • For CSS, HEX and RGB are interchangeable. HSL is the one to edit by hand when you want a lighter shade.

Full specification

Specification of the Color Converter tool
InputA color in HEX, RGB, HSL or CMYK.
OutputMatching values in all four color formats.
MethodBrowser-side sRGB color conversion and rounding.
What the boxes accept#abc, abc and ABC all read the same, and the RGB, HSL and CMYK boxes take rgb(12, 34, 56), hsl(220 83% 53%) or plain 12/34/56.
PriceFree. Supported by clearly labeled ads outside the working area.
Where processing happensIn your browser tab. Your input is never uploaded.
Next step

Keep going with the same files

All color tools: Color tools on SPOTTOOLS