Free Online Tool

Color Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA, HSV, and CMYK — instantly, in your browser.

Pick a Color

210°
100%
#

Preview

White Text
Black Text
AA Normal
AA Large
AAA Normal
AAA Large

Color Formats

HEX
HEX8 (with alpha)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK
CSS Named Color
CSS Variable
Closest Tailwind
Relative Luminance

Tints & Shades

Color Harmonies

Recent Colors

No colors yet — start picking!

Paste & Convert

Try:

What is a Color Converter?

A color converter is a tool that translates a color value from one format to another. Designers and developers use different color models depending on their workflow — HEX for web CSS, RGB for screen design, CMYK for print, and HSL for intuitive color manipulation.

HEX vs RGB vs HSL

HEX encodes color as a 6-digit hexadecimal string (e.g. #3B82F6). RGB defines red, green, and blue channels from 0–255. HSL describes hue (0–360°), saturation, and lightness — making it far more intuitive for adjusting brightness or creating color palettes.

Why CMYK for Print?

Screens emit light (additive color), while printers use ink (subtractive color). CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for professional printing. Converting your digital colors to CMYK ensures accurate color reproduction in physical media.

WCAG Contrast Checker

Web Content Accessibility Guidelines (WCAG) require a minimum contrast ratio of 4.5:1 for normal text (AA) and 7:1 for AAA compliance. Our tool calculates contrast against both white and black backgrounds instantly.

Frequently Asked Questions

How do I convert HEX to RGB?

Split the HEX code into three pairs of digits and convert each from base-16 to base-10. For example, #3B82F6 → R: 3B=59, G: 82=130, B: F6=246 → rgb(59, 130, 246). Our tool does this instantly as you type.

What is the difference between HSL and HSV?

Both use Hue and Saturation, but differ in the third channel. HSL (Lightness) places pure color at 50% lightness, while HSV (Value/Brightness) places pure color at 100% value. HSV is common in design software like Photoshop; HSL is native to CSS.

Is this color converter free?

Yes — completely free, with no registration required. All conversions happen directly in your browser using JavaScript, so your data never leaves your device.