Color Picker & Converter
Pick a color and convert between HEX, RGB, HSL, HSV and CMYK — with alpha and shades, 100% in your browser.
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)About Color Picker & Converter
Pick a color with the swatch picker or type any CSS color — HEX (#3b82f6), rgb()/rgba(), hsl()/hsla() or a named color like “tomato” — and it's instantly converted to HEX, RGB, HSL, HSV and CMYK, each with a copy button. An alpha slider adds transparency and updates the HEX, RGBA and HSLA outputs.
A row of tints and shades is generated from your color so you can build a quick palette; click any swatch to switch to it. Everything runs locally in your browser — no color data is uploaded.
Convert a HEX color
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%) · cmyk(76%, 47%, 0%, 4%)
Type a named color or rgb()/hsl() value and it converts the same way.
Frequently asked questions
Which color formats are supported?
HEX (3/4/6/8 digit), RGB/RGBA, HSL/HSLA, HSV and CMYK, plus named CSS colors as input.
Does it support transparency (alpha)?
Yes. Use the alpha slider or an 8-digit HEX / rgba() / hsla() value, and the HEX, RGBA and HSLA outputs include the alpha channel.
Can I generate shades or tints?
Yes. The shades row derives lighter and darker variants of your color; click one to make it the current color.
Is my color data uploaded anywhere?
No. All parsing and conversion happen locally in your browser.