Color Picker
Pick a color, get HEX, RGB and HSL. Click any value to copy it.
HEX
—RGB
—HSL
—Put it online in seconds
Pagelet turns any HTML file into a live URL on your own subdomain — free, no account needed. Drag a file on the homepage or paste your code.
About the Color Picker
Pick a color visually and get instant HEX, RGB and HSL values with one-click copy. Small, fast and always available — handy when you're matching a brand color inside CSS or an inline style on your published pages.
How to use it
- Click the swatch and choose a color.
- Copy the HEX, RGB or HSL value you need.
- Paste it into your CSS.
Frequently asked questions
What's the difference between HEX, RGB and HSL?
They're three notations for the same color. HEX is the web standard, RGB is easy to reason about programmatically, and HSL makes it easy to adjust lightness and saturation by hand.
Part of the free pagelet tool set — no account needed. Want to publish a page too? Drag a file and it's live.