Design Tool

Color Picker & Converter

Pick any color and instantly convert between HEX, RGB, HSL, and CMYK formats. Generate palettes, use sliders, or type values directly. Runs 100% in your browser.

#2563EB

HEX
#2563EB
RGB
rgb(8, 232, 184)
HSL
hsl(168, 93%, 47%)
CMYK
cmyk(97%, 0%, 21%, 9%)
RGB Sliders
R8
G232
B184

HSL Sliders
H168°
S93%
L47%
Quick Palette — Click to Select

Color Format Reference

HEX — Hexadecimal notation used in CSS and design tools. A 6-digit code (e.g. #FF5733) where each pair represents Red, Green, Blue from 00–FF.

RGB — Red, Green, Blue values from 0–255. Standard for screens and web. rgb(255, 87, 51)

HSL — Hue (0°–360°), Saturation (%), Lightness (%). More intuitive for designers when adjusting shades and tints.

CMYK — Cyan, Magenta, Yellow, Key (Black). Used in print design. Note: screen-to-print conversion may vary by printer profile.

Frequently Asked Questions

Can I enter HSL values directly?
Use the HSL sliders below the main picker to set Hue, Saturation, and Lightness — the tool auto-converts to all other formats in real time.
Why does CMYK look different when printed?
CMYK conversion from RGB is mathematically straightforward but print output depends on the specific printer, paper, and ICC color profile used. Always do a test print for critical color matching.
Does this store my colors anywhere?
No. Everything runs in your browser. No data is sent to any server.