Color code converter and picker
Paste any color code and instantly see its HEX, RGB, HSL, HSB (Photoshop), CMYK and OKLCH values. Pick a color from an image, or straight from your screen in supporting browsers.
Free · No sign-up · Runs in your browser
This color code wasn't recognized.
Click on the image to pick a color
Open in: Shades ↗ Contrast checker ↗
Your files are never uploaded; everything runs in your browser.
How to use
- Type or paste a color code; HEX, rgb(), hsl() and other formats are recognized.
- Or use the color picker, or upload an image and click on it.
- Check the values in every format.
- Copy any code in one click; your recent colors are saved.
Highlights
- HEX, RGB, HSL, HSB, CMYK and OKLCH conversion.
- Pixel-accurate color picking from an image.
- Pick a color anywhere on your screen in supporting browsers.
- Recent colors and one-click copying.
Frequently asked questions
How do I convert HEX to RGB?
A HEX code writes the red, green and blue values in base 16. For example, #1F3FD6 means rgb(31, 63, 214). Paste the code into the box and every equivalent is calculated automatically.
What's the difference between HSB and HSL?
Both use hue and saturation; HSB (HSV) measures brightness while HSL measures lightness. Photoshop's color picker uses HSB, whereas CSS uses HSL. The tool shows both.
Will the CMYK value print exactly like this?
No. The CMYK shown here is a general calculation without a color profile. For exact print results, convert in Photoshop with your printer's profile (e.g. FOGRA39) and request a proof.
Why don't I see the screen color picker?
Picking colors from the screen (EyeDropper) is currently supported only by Chromium-based desktop browsers such as Chrome and Edge. In other browsers you can pick colors from an image.
Need a professional design?
Get in touch for social media design, advertising visuals, posters, logos and brand identity projects.