Skip to content
ColorPickr

Every color on your screen. One shortcut away.

Press ⌃⌥C and pick.Try it here. Click or tap any color to pick it.

Download for Mac

macOS 14 or later. Free. Signed and notarized by Apple.

How it works

Pick. Collect. Make.

  1. 01 Pick

    Pick from anywhere on screen.

    The menu bar panel opens on ⌃⌥C. Click any pixel in any app.

  2. 02 Collect

    Drop it on a mood board.

    Your picks sit next to your reference photos, and the board's palette updates as you go.

  3. 03 Make

    Turn the board into a theme.

    Make Theme offers four finished themes, each easy to read in light and dark.

ColorPickr menu bar panel while picking a color

#E07A5F

Mood board · Coastal studio

#E07A5F

Make Theme · four results

BrandWork · About

Field notes

Small studio, careful work.

StartRead
Brand
CalmWork · About

Field notes

Small studio, careful work.

StartRead
Calm
BoldWork · About

Field notes

Small studio, careful work.

StartRead
Bold
MidnightWork · About

Field notes

Small studio, careful work.

StartRead
Midnight

Palette Studio · ⇧⌘G

Lock the colors you love. Press Space for the rest.

AA 8.9:1

Every roll includes a light and a dark color that pass WCAG AA together. Tap the colors on a phone to roll.

Color Wheel

A wheel that tells the truth.

On an HSL wheel, yellow glows and blue sinks. OKLCH holds lightness steady, so harmonies look balanced. The dashed line is the edge of what your screen can show.
L 0.72
L 0.72
L 0.72

The gray row is how light each color looks to your eye. On HSL, watch it jump.

Contrast Checker

Can people read it?

One text color on one background. Plain answers, the real numbers, and a fix that keeps your hue.

Hard to read

WCAG 2
2.13:1
APCA
Lc 39.0

Fix keeps the hue and moves lightness only.

The tide comes in at six.

Body text is where contrast matters most. People read it for minutes, on bright screens and dim ones, with tired eyes.

Small print. Terms apply to the tide only.

Book a table

Value Study

See the values, not the colors.

Painters squint because blurring away color leaves only light and dark, and that is what holds a picture together.

Processed in your browser. Nothing is uploaded.

Color Vision · ⌃⌥V

About 1 in 12 men see red and green differently.

Your status colors should survive it. See any screen the way they do, with a lens you can drag over your work.

Deuteranopia

TypicalAchromat

100%

Simulated with the Machado 2009 model. Stand-in interface until the app screenshot is in place.

From a website · ⇧⌘U

Paste an address. Get its colors.

ColorPickr waits for the page to finish loading, then collects the colors its design actually uses and puts them on a board with a screenshot.
https://

ColorPickr website import result board with extracted colors
#1F3A4D
#F6EFE4
#C8553D
#E9B44C
#6E8B74

Floating palette · ⌃⌥P

Your palette, floating over your work.

Keep it above Figma, Photoshop or the browser. It snaps to a corner. Drag a color out and drop it where you need it.
ColorPickr floating palette bar hovering over a code editor

Export

Export to whatever you build with.

Pick a few colors above and this code turns into yours.
Tailwind v4
@import "tailwindcss";

@theme {
  --color-color-1: oklch(44.1% 0.0556 173.2);
  --color-color-2: oklch(68.8% 0.1331 35.8);
  --color-color-3: oklch(86.4% 0.0889 79);
  --color-color-4: oklch(38% 0.0462 279.1);
  --color-color-5: oklch(95.5% 0.0253 99.5);
}

Keyboard

Everything is a shortcut away.

Your colors, one shortcut away.

Download for Mac

Version 0.13.1. macOS 14 or later. Free. Signed and notarized by Apple. What's new

No account. No tracking. Your colors stay on your Mac.