Color Converter
Type or paste a color in any notation and get HEX, RGB, HSL, HSV and CMYK at once, plus the matching CSS color name. Everything runs in your browser.
How to convert a color
- Paste a color: a hex like #3b82f6, rgb(), hsl(), hsv(), cmyk() or a CSS name like rebeccapurple.
- The tool detects the format and converts it to every other format instantly.
- Copy the value you need, or use the color picker to dial in a new shade.
Examples
HEX to all formats
#3b82f6
rgb(59, 130, 246) Β· hsl(217, 91%, 60%) Β· hsv(217, 76%, 96%) Β· cmyk(76%, 47%, 0%, 4%)
RGB to CMYK
rgb(255, 0, 0)
cmyk(0%, 100%, 100%, 0%)
Frequently asked questions
Which color formats are supported?
HEX (3, 4, 6 and 8 digit), rgb() and rgba(), hsl() and hsla(), hsv() or hsb(), cmyk(), and the 148 CSS named colors. The format is detected automatically.
Is my color sent to a server?
No. All parsing and conversion runs entirely in your browser, so nothing is uploaded.
How accurate is the RGB to CMYK conversion?
It uses the standard naive RGB to CMYK formula, which is what most web tools and design apps show. True print color depends on an ICC profile, so treat CMYK here as a close approximation for screen work.
What is the difference between HSV and HSB?
They are the same model. HSV (hue, saturation, value) and HSB (hue, saturation, brightness) are two names for the identical color space, so this tool accepts either.
Can I convert a color with transparency?
Yes. 8-digit hex (#rrggbbaa), rgba() and hsla() carry an alpha channel, which is preserved in the HEX8, RGBA and HSLA outputs.
Does it support CSS color names?
Yes. Type a name like coral, teal or rebeccapurple to convert it, and any color shows its nearest CSS named color.
Learn more
- RGB vs CMYK: when to use each
How the additive RGB model and the subtractive CMYK model differ, and why a color can look different on screen and in print.
Related tools
HEX to RGB
Convert HEX color codes to RGB online. Paste a hex value like #ff0000 and get the rgb() string instantly. Supports shorthand. Runs in your browser.
RGB to HEX
Convert RGB to HEX online. Paste rgb(255, 0, 0) or 255,0,0 and get the matching hex color code instantly. Runs in your browser.
HEX to HSL
Convert a HEX color to HSL online. Paste a hex code like #3b82f6 and get the hue, saturation and lightness instantly. Runs in your browser.
HSL to RGB
Convert HSL colors to RGB instantly. Paste hsl(h, s%, l%) or plain h,s,l values and get an rgb() string with a live color swatch. Runs in your browser.
Color Name Finder
Find the nearest CSS color name for any hex or RGB value, or look up a color by name. See the closest match and how far off it is. Free and private.
Air Fryer Converter
Convert any conventional oven recipe to air fryer settings. Lower the temperature by 25 F and cut the cook time by about 20 percent automatically.