Color Picker & Converter
Pick any color visually and instantly convert between HEX, RGB, HSL, HSV, and CMYK. Copy any format with one click.
#3B82F6
Color Formats
HEX
RGB
HSL
HSV
CMYK
CSS
Color History
About Color Picker & Converter
Pick any color using the visual color picker or paste a HEX code, then instantly see it converted to RGB, HSL, HSV, and CMYK formats. Use the RGB sliders for fine-tuned control. Your last 20 picked colors are saved as a history for quick reference.
Color Format Reference
HEX — #RRGGBB used in HTML/CSS · RGB — Red, Green, Blue (0–255) · HSL — Hue, Saturation, Lightness · HSV — Hue, Saturation, Value (used in design apps) · CMYK — Cyan, Magenta, Yellow, Key (print)
Frequently Asked Questions
Both use Hue and Saturation, but the third value differs. HSL uses Lightness (0% = black, 50% = pure color, 100% = white), while HSV uses Value (0% = black, 100% = full brightness). HSL is common in CSS; HSV is used in most graphic design applications like Photoshop and Figma.
RGB is for screens and digital media. CMYK is used in print design, as it represents the four ink colors used in color printing (Cyan, Magenta, Yellow, and Key/Black). If you're preparing designs for a printer, you'll need CMYK values.
Paste your HEX code (with or without the # prefix) into the "Paste HEX to convert" field and click Go. All formats will update instantly.
Every time you pick a new color, it's added to the history swatches at the bottom. Click any swatch to restore that color. The history holds your last 20 colors.