IconVault logoIconVault
Sign in

Color Converter - HEX, RGB, HSL, CMYK, LAB Converter Free | IconVault

Convert colors between HEX, RGB, HSL, HSV, HWB, CMYK, LAB & LCH instantly. Harmonies, shades, WCAG contrast, CSS export - free.

All tools

Color Converter

HEX, RGB & HSL with a live picker.

5 of 5 free uses left

Color picker

All fields stay in sync as you edit.

RGB

HSL

HSV

CMYK

HWB

Shades & tints

Tints →

← Shades

5 of 5 free copies left.

#6366f1royalblue

HEX

#6366f1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSV

hsv(239, 59%, 95%)

HWB

hwb(239, 39%, 5%)

CMYK

cmyk(59%, 58%, 0%, 5%)

LAB

lab(50.1% 38.7 -70.5)

LCH

lch(50.1% 80.4 298.8)

Name

royalblue

WCAG contrast

on white
4.47:1AA large
on black
4.7:1AA

AA needs 4.5:1 for normal text · full checker lives in the Contrast Checker.

Export CSS variables

:root {
  --color: #6366f1;
  --color-rgb: 99, 102, 241;
  --color-hsl: 239, 84%, 67%;
}

Color library

Browse 1,000+ named colors - tap any card to load it into the converter above.

About this tool

IconVault's Color Converter translates any color between HEX, RGB, HSL, HSV, HWB, CMYK, CIE-LAB and LCH in real time - type a value in any field, pick visually, or browse the 1,000+ named-color library below, and every other format updates instantly. Beyond conversion you get color harmonies (complementary, triadic, tetradic…), stepped shades & tints, WCAG contrast ratios against black and white, and one-click CSS variable export.

Everything runs in your browser: no uploads, no accounts, no waiting. Every visitor gets 5 free copies - Pro members ($12/year) get unlimited conversions across all tools plus unlimited Logo Builder, image and JSON tooling.

Frequently asked questions

Popular searches

hex to rgbrgb to hexhex to hslhsl to rgbrgb to hslcolor converterhex to rgb converterrgb to hex converterhex color to rgbconvert hex to rgb onlinergb to hex onlinehex to hsl converterhsl to hexcolor code converterhex rgb hsl converterhex to rgb cssrgb to hex cssconvert color codeshexadecimal to rgbrgb to hexadecimalhsl to rgb converter onlinecolor picker hex rgbonline color converterfree color converterhex to rgb no signupweb color convertercss color converterconvert cmyk to rgbrgb to cmykhex to cmykcolor converter for designerscolor converter for developerstailwind color converterfigma hex to rgbphotoshop color converterhsl color pickerhex opacity to rgbahex to rgbargba to hexcolor code finderwhat is this hex coloridentify color from hexrgb values from hexget rgb from hex codehex to rgb javascriptpantone to hexral to hexcolor converter tool onlineconvert # to rgb3 digit hex to rgbshorthand hex to rgbhsl to csscolor format converterweb safe color converterinvert hex colorcomplementary color calculatorcolor values converterhex to rgb batchdesign token color converter

More tools

Contrast Checker

WCAG contrast ratios for accessible UI.

Gradient Generator

CSS gradients with copy-paste code.

Box Shadow Generator

Layered CSS shadows, visually.

Image to SVG

Vectorize PNG & JPG into clean, scalable SVG - free preview, instant download.

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →