§ Tool 08 of 23 · Convert

Every format, round-tripped.

HEX, RGB, RGBA, HSL, HSLA, HSB, and CMYK — all seven formats stay in lockstep as you edit any one of them. The system color panel is one click away, the last twenty-two colors hold their slot, and every value is one click from the clipboard.

Formats
Seven
HEX · RGB(A) · HSL(A) · HSB · CMYK
History
22 swatches
Persists across sessions
Updated
v2.8
First shipped
System integration
macOS picker
One-click open
DevUtilities Color Picker — preview swatch, seven format inputs, history strip.
Plate viii — Color Picker with the macOS color panel handoff.
§ 01Capabilities

Eight things, all visible.

i

Seven color formats

HEX, RGB, RGBA, HSL, HSLA, HSB, and CMYK. All present, all editable.

ii

Live round-trip

Edit any field; the other six update instantly. Rounding is sane and visible.

iii

Visual preview

A large swatch dominates the panel. Subtle borders ensure the color reads on light and dark backgrounds.

iv

System color panel

One click hands off to the native macOS picker — eyedropper, sliders, palettes — and pulls the result back in every format.

v

Color history

The last 22 colors stay as visual swatches. Click a swatch to restore it across all seven formats.

vi

Per-format copy

Every format has its own copy button. Grab the HEX or the HSL alone — no surrounding label.

vii

Alpha-aware

RGBA and HSLA preserve transparency. The preview swatch shows the alpha channel against a checker.

viii

State persistence

Current color and history persist between sessions. Re-open and your palette is intact.

§ 02A typical session

Four moves between formats.

Pick or paste

Open the system picker, or paste a HEX string from a design doc.

Picker · paste

Read the others

RGB, HSL, HSB, CMYK — all displayed in their canonical syntax.

Live

Edit any field

Tweak the H of HSL; watch HEX, RGB, and HSB follow.

Type

Copy or save

One-click copy on the format you want; the color saves itself to history.

Copy · history
§ 03Made for these tasks

The work it actually does.

i — Design

Spec to code

Translate the HEX in a Figma file into HSL or RGB for SwiftUI / CSS / iOS.

ii — Brand

System builds

Maintain consistent palettes across product surfaces by snapshotting brand swatches.

iii — Print

Web vs. print

Convert to CMYK for an export-to-PDF workflow without losing the source RGB.

iv — A11y

Contrast checks

HSL's lightness component is great for tweaking until the contrast ratio passes.

v — Eyedrop

Pixel sampling

Use the system eyedropper through the macOS picker; the captured color appears in every format.

vi — Theme

Building palettes

Keep 22 swatches at hand for an ongoing theme exercise — restoring any with one click.

§ 04Questions, answered

Things people ask before they download.

Which formats are supported?

HEX, RGB, RGBA, HSL, HSLA, HSB, and CMYK — seven in total.

How does the round-trip stay accurate?

Internally, the color is stored in a high-precision floating-point space. Each format is rendered from that source on demand, so editing any one is loss-free for the others.

Does it work with the macOS color picker?

Yes. One click hands off to the system picker (eyedropper, palettes, sliders) and pulls the chosen color back in every format.

How big is the history?

22 most recent colors. Click any swatch to restore it.

Is alpha supported?

RGBA and HSLA preserve and display the alpha channel; the preview shows it against a checkerboard.

Does this require network access?

No. Color conversion is fully local.

§ 05Companion tools

Better with the rest of the shelf.

§ Download

Seven formats, one swatch, one quiet panel.

Download — Mac App StoreChangelog