Color Picker & Converter
Pick a color and get it instantly in HEX, RGB, and HSL.
RGB
HSL
#2563EB
Pick any color and see it converted to HEX, RGB, and HSL simultaneously — or type a value into any one of them to update the others and the swatch.
Frequently asked questions
What's the difference between RGB and HSL?
RGB describes a color by its red, green, and blue light intensity (0–255 each). HSL describes the same color by hue (position on a color wheel, 0–360°), saturation, and lightness (both 0–100%) — often more intuitive for picking a shade or tint of a color by eye.
Can I type a hex code directly?
Yes — type or paste a 3- or 6-digit hex code (with or without the #) into the HEX field and everything else updates to match.