Color Picker
Pick a color or type a value in any format. HEX, RGB, and HSL stay in sync. Everything runs in your browser.
How to pick and convert a color
- Drag the picker to choose a color, or type a value into the HEX, RGB, or HSL field.
- The other two formats update instantly to match, so you can read the same color in whichever notation your code or design tool expects.
- Copy any value with one click.
- Reuse a shade from the Recent colors strip, which keeps the colors you have just picked.
When to use it
Different tools expect different notations: CSS usually takes HEX, a design file might report RGB, and HSL makes it easy to reason about a lighter or less saturated version of the same hue. Entering one value and reading the rest saves converting by hand.
The recent-colors strip helps while you assemble a small palette: pick a few shades, keep them in view, and copy each into your stylesheet or design as you go. Nothing about the colors ever leaves the browser.
Frequently asked questions
Which color formats does the picker support?
HEX, RGB, and HSL. Edit any one field and the other two update to match, along with the swatch. Click the swatch to open your system’s native color picker.
What can I paste into the fields?
HEX works with or without the leading #, in 3-digit or 6-digit form. The RGB and HSL fields just pull the numbers out, so “255, 0, 0” and “rgb(255 0 0)” both work.
Is transparency (alpha) supported?
No. The tool works in plain RGB, so 8-digit hex values with an alpha channel are rejected.
Are my recent colors saved?
Yes. The last 12 colors you pick are shown as small swatches under the picker, and clicking one loads it back in. They’re kept in your browser’s local storage, so they’re there next visit but never leave your device.
Is anything sent to a server?
No. The color conversions all happen in your browser, and your recent colors are stored only on your device.