oklch(0.72 0.19 23)
lab(52% 42 31)
color(display-p3 1 0.18 0.4)
Modern color formats.
oklch(), lab(), color(display-p3 …). Parsed to their real sRGB and wide-gamut values, not silently dropped.
Every page
is a palette.
A color eyedropper for the modern web. Runs on any site. Names every hex. Takes you home.
scroll ↓
One click.
Every color.
Click the toolbar icon. Every color from every rule — in one grid, ordered by frequency, each one named.
designer-portfolio.example
colors.codespicking
page colors · 6
Tangerine Dream
Cornflower
Tropic Teal
Blazing Ruby Flame
Marigold
Blazing Lilac Charge
Or press ⌘⇧C to pick from anywhere with the system eyedropper — no popup required.
What others
can’t see.
The web moved on. Most eyedroppers didn’t. This one reads the formats, tokens, and surfaces that make modern CSS modern — and surfaces every one with a name.
--primary#F43F5E
--muted#C08A5A
--accent#6366F1
--brand#14B8A6
Design-system tokens.
CSS custom properties declared inadoptedStyleSheets— the kind most pickers miss on shadcn-style sites.
Headline
#FF6A4D
Inspector mode.
Hover anything — a button, a gradient stop, an underline. See its color, name, and hex, live. Click to capture.
Your pick
gets a page.
Every color you capture has a permanent home on colors.codes — with its name, its palette, its harmonies, and a URL you can share.
CapturedTangerine Dream#F97316
→
colors.codes/color/F97316
Tangerine Dream
#F97316 · oklch(0.75 0.18 55)
Tints · Shades · Harmonies · Similar
harmonies
Install in
one click.
Free forever · Local storage only · No account