Color Converter
Convert a color between HEX, RGB, HSL, HSV and CMYK, with alpha support and one-click copy.
How it works
Type or paste a color in any common notation — a hex code like #3498db,
rgb(52, 152, 219), hsl(204, 70%, 53%), an 8-digit hex with
alpha, or a CSS color name such as tomato — and every other format is
calculated instantly. You get HEX, 8-digit HEX, RGB/RGBA, HSL/HSLA, HSV (also called
HSB, the model Figma and Photoshop show) and CMYK for print, each with its own Copy
button.
Use the color picker to choose a shade visually and the alpha slider to add transparency; the RGBA, HSLA and 8-digit HEX values update with the alpha channel while the preview swatch is drawn over a checkerboard so you can see how opaque it really is. All conversion maths runs in your browser in plain JavaScript — no uploads, no accounts and no ads.
Frequently asked questions
How do I convert a HEX color to RGB?
Paste the hex code — for example #3498db — into the input box. The converter instantly shows the RGB equivalent, rgb(52, 152, 219), alongside HSL, HSV and CMYK. Click Copy next to any row to put that value on your clipboard, or Copy all formats to grab them together.
What is the difference between HSL and HSV?
Both describe a color by hue and saturation, but they differ in the third axis. HSL uses lightness, where 50% is the pure hue and 100% is always white. HSV (also called HSB) uses value or brightness, where 100% is the brightest version of the hue rather than white. Design tools such as Figma and Photoshop show HSV/HSB while CSS uses HSL, so this tool gives you both.
Does this color converter support transparency?
Yes. Drag the alpha slider, or paste a value that already carries alpha such as rgba(52, 152, 219, 0.5) or the 8-digit hex #3498db80. The RGBA, HSLA and 8-digit HEX outputs update with the alpha channel, and the preview swatch sits on a checkerboard so you can judge how opaque the color really is.