What is Color Converter?

Convert between HEX, RGB, HSL, and other color formats.

Is Color Converter free?

Yes. Free, no signup, no ads, no data collection. Runs entirely in your browser.

Does Color Converter upload my data?

No. All processing happens client-side in your browser. Nothing is uploaded to a server.

Who built Color Converter?

Kesava (https://iamkesava.com), part of the Kami Studios little tools collection at https://tools.iamkesava.com.

What is Color Converter?

Convert between HEX, RGB, HSL, and other color formats.

Is Color Converter free?

Yes. Free, no signup, no ads, no data collection. Runs entirely in your browser.

Does Color Converter upload my data?

No. All processing happens client-side in your browser. Nothing is uploaded to a server.

Who built Color Converter?

Kesava (https://iamkesava.com), part of the Kami Studios little tools collection at https://tools.iamkesava.com.

Which color formats does it convert between?

HEX (#rrggbb / #rgb), RGB (0–255), RGBA (with alpha), HSL, HSLA, HSV, HWB, and OKLCH. Enter any format and get all others instantly.

Does it support opacity and alpha channels?

Yes. RGBA and HSLA include an alpha slider. The output updates all formats that support alpha.

Can I pick a color visually instead of entering values?

Yes. Click the color swatch to open the native browser color picker, then convert from there.

OKLCH is a perceptually uniform color space used in modern CSS (color: oklch(...)). It makes it easier to create consistent-looking palettes by adjusting lightness and chroma predictably.

Color Converter

HEX · RGB · HSL · HSV · OKLCH · OKLAB · Display-P3 · CMYK · contrast

#ff6600

vs white2.94:1 · Fail

vs black7.15:1 · AAA

Hue 24° · Sat 100% · Lum 50%

HEX

RGB

HSL

HSV

OKLCH

OKLAB

CMYK

Shades · 50 → 950

About this tool

Which color formats does it convert between?: HEX (#rrggbb / #rgb), RGB (0–255), RGBA (with alpha), HSL, HSLA, HSV, HWB, and OKLCH. Enter any format and get all others instantly.
Does it support opacity and alpha channels?: Yes. RGBA and HSLA include an alpha slider. The output updates all formats that support alpha.
Can I pick a color visually instead of entering values?: Yes. Click the color swatch to open the native browser color picker, then convert from there.
Why do I need OKLCH?: OKLCH is a perceptually uniform color space used in modern CSS (color: oklch(...)). It makes it easier to create consistent-looking palettes by adjusting lightness and chroma predictably.

About

Type a color in any format (hex, rgb(), hsl(), hsv()) and see it converted to every other format simultaneously - including modern OKLCH, OKLAB and Display-P3. Click any field to copy.

Made for

Designers, front-end developers, brand teams.

Reach for it when