Color Picker & Converter

Pick any color and convert between HEX, RGB, HSL, and HSV instantly.

🔒 100% client-side

Color wheel

Nearest CSS name: royalblue

HEX

6-digit hex code

RGB

R G B

HSL

H ° S % L %

HSV / HSB

H ° S % V %

CSS Values — click to copy

#3B82F6

rgb(59, 130, 246)

hsl(217, 91%, 60%)

Palette presets

Color Model Reference

HEX — Used in CSS/HTML. Six hex digits representing Red, Green, Blue channels (00–FF). E.g. #3B82F6

RGB — Red, Green, Blue. Each channel 0–255. Standard in CSS: rgb(59, 130, 246)

HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). Intuitive for humans. CSS native: hsl(217, 91%, 60%)

HSV / HSB — Hue, Saturation, Value (Brightness). Used in Photoshop, Figma, and most design tools.

Tip: When writing CSS, HSL is often the easiest to reason about — you can nudge lightness to get tints and shades without changing the hue.

About Color Picker & Converter

Color Picker & Converter lets you pick any color visually and instantly convert it between HEX, RGB, HSL, and HSV color models — all in your browser without any data leaving your device. Useful for web developers writing CSS, designers matching brand colors, and anyone who needs to translate a color value from one format to another. Simply use the color wheel, type a HEX code, or enter individual channel values. The nearest CSS named color is shown automatically.