A color picker in your menu bar — with every format one click away.
Pick a color, get it as hex, rgb, hsl and hsv at the same time, and copy the one you need with a single click. Save the colors you keep reusing to a persistent palette. 100% offline: it never touches the network.
Already have Toolbox? Open this widget
Convert hex to rgb, hsl and hsv without a browser tab.
Open the popover from your menu bar (macOS) or system tray (Windows) and
you get a color two ways: click the preview to open your operating system’s
native color panel, or type a hex value into the field — it accepts the
short #abc form, the full #aabbcc form, and values
with or without the “#”. Type something that isn’t a color and it tells you
instead of guessing.
The four representations update together, so you never convert anything by hand: hex for CSS, rgb for a design tool that wants channels, hsl when you want to nudge lightness, hsv when you’re working from a color wheel. Each row has its own copy button and confirms the copy.
- Native OS color panel, or paste a hex (
#abc/#aabbcc) - hex, rgb, hsl and hsv side by side, always in sync
- A copy button per format — no re-typing, no rounding mistakes
- Invalid hex is flagged inline instead of silently ignored
The colors of the thing you’re building, one click away.
Every project has five or six colors you keep going back to. Hit
Save to palette and the current color becomes a swatch: click it later
to load it back into all four formats, or press its “×” to drop it. The
palette persists across restarts, ignores duplicates (case-insensitively, so
#FFF and #fff aren’t two entries) and holds up to
60 colors, newest first.
There’s also a small setting behind the widget’s gear: pick your default format — hex, rgb, hsl or hsv — and that row is highlighted in the list, so the one you use 90% of the time is the one your eye lands on.
- Click a swatch to reload it · “×” to remove it
- Duplicates ignored · up to 60 swatches · newest first
- Default format setting highlights the row you care about
- Stored on your device — no account, no cloud sync
Nothing to upload, nothing to look up.
Converting a color is not a task that needs a server, yet most people do it by opening a hex-to-rgb website. This widget does all of it on your machine: zero network requests, no account, no analytics on what you pick. Turn Wi-Fi off and every conversion, every copy and the whole palette still work — on a plane, on a client’s locked-down network, or in a repo you can’t talk about.
- All conversion math runs locally, with unit-tested round-trips
- No network requests at all — not even for the palette
- Your palette lives on your device and nowhere else
Installed from the catalog, in one click.
Color Picker isn’t bundled into the app — it’s a widget in the Webstarted Toolbox catalog. Download Toolbox, open the catalog tab (🧰), press the “+” next to Color Picker, and it lands in your Dev tools tab. No reinstall, no app update. Here are a few of its neighbors:
Questions, answered.
Do I need an internet connection?
No. Color Picker makes zero network requests. Picking a color, converting it to hex, rgb, hsl or hsv, and saving swatches all run locally on your machine — with Wi-Fi off it works exactly the same.
Is it a screen eyedropper?
The widget itself does not sample pixels from your screen. You pick a color two ways: with your operating system’s native color panel (on macOS that panel includes its own magnifier for grabbing a color from the screen), or by typing/pasting a hex value — it accepts #abc, #aabbcc, and values with or without the “#”.
Which formats does it output?
Four: hex (#3366cc), rgb (rgb(51, 102, 204)), hsl (hsl(220, 60%, 50%)) and hsv (hsv(220, 75%, 80%)). Each one has its own copy button, so you copy the exact string you need to paste into CSS, a design tool or code. There is no CMYK or LAB output.
Where is my palette stored?
On your device, in the widget’s local storage. Saved colors survive restarts, deduplicate case-insensitively, and hold up to 60 swatches — the newest first. There is no account, no cloud sync and no palette file export; you retrieve a color by clicking its swatch.
Is it free?
Yes. Webstarted Toolbox is free and needs no account, and Color Picker is a free widget in its catalog. You install it in one click from inside the app.
Get Webstarted Toolbox
Free to use. Download the app, then add Color Picker from the catalog in one click. macOS 12+ and Windows 10+.
One icon, many small tools
This is just one of the widgets in Webstarted Toolbox. Here are the rest: