Developer Tools
Color Picker
Pick any color visually or enter a hex, RGB or HSL value, then copy it in every format. See instant HEX, RGB and HSL codes plus a tints-and-shades scale — perfect for design and CSS. Runs entirely in your browser.
HEX
#6d4df0
RGB
rgb(109, 77, 240)
HSL
hsl(252, 84%, 62%)
Frequently asked questions
What color formats does it show?
It shows HEX, RGB and HSL for any color you pick or type, and you can copy each with one click.
Can I enter my own color code?
Yes. Type a hex value like #6d4df0 or an rgb()/hsl() string, and the picker updates to match instantly.
What are tints and shades?
Tints are lighter versions of a color (mixed toward white) and shades are darker (mixed toward black). The scale helps you build a palette — click any swatch to select it.
Is it free to use?
Yes, completely free with no sign-up. Everything runs locally in your browser.