Color Converter
Convert colors between HEX, RGB, HSL, HSB and CMYK
About Color Converter
Keeps HEX, RGB, HSL, HSB and CMYK in sync: edit any of the five fields or use the color picker, and the other formats update instantly, each with its own copy button. Colors are opaque and values are whole numbers; copied RGB and HSL values are bare numbers such as 109, 40, 217, so wrap them in rgb() or hsl() before pasting into CSS.
Category: Color.
Frequently asked questions
Which input formats does it accept?
▾
A 6-digit HEX code with or without # (#6d28d9), rgb(109, 40, 217), hsl(263, 70%, 50%), hsb(263, 82%, 85%) and cmyk(50%, 82%, 0%, 15%), or just the numbers separated by commas without % signs (263, 70, 50). Values must be whole numbers; 3-digit HEX, alpha (rgba, hsla, #RRGGBBAA), space-separated CSS syntax and color names are not accepted.
What is the difference between HSL and HSB?
▾
HSL (Hue, Saturation, Lightness) and HSB/HSV (Hue, Saturation, Brightness/Value) are both cylindrical color models. In HSL, a pure color has 100% saturation and 50% lightness, and 100% lightness is always white; in HSB, a pure color has 100% saturation and 100% brightness. HSB is commonly used in design tools like Photoshop and Figma.
How accurate is the CMYK conversion?
▾
It uses the basic formula in which K is 1 minus the brightest RGB channel and cyan, magenta and yellow are derived from the rest, with no ICC color profile or ink limits. Real print output depends on the press and paper profile, so treat these percentages as a starting point and confirm final values with your printer.
Why do values shift slightly when converting back and forth?
▾
HSL, HSB and CMYK are rounded to whole numbers, which is coarser than the 256 levels of each RGB channel, so converting back can move a channel by a few units (up to 5 for HSL, 3 for HSB and 2 for CMYK). Keep the HEX or RGB value as your source of truth when exact colors matter.