Copy an exact color off a page

A reference site uses a blue I like, and typing hex codes into a picker until it looks close is never quite right.

Intermediate to advancedRead 6 minDoing: about twenty minutes6 steps

What you'll have at the end

The exact hex value of a color pulled straight off another page, saved to your own palette.

Before you start

You need

A page open in Chrome with an element whose color you're about to replace, and a second window or tab showing the color you actually want to match.

Not covered

Surveying every color already used across a whole page at once; this is about matching one specific pixel, not auditing a site's full color scheme.

Leans on

6 steps

Local overrides that outlive a page refresh

when you want the sampled color to survive a page refresh while you keep testing it, before you've touched your real stylesheet

Give your color and spacing values names with custom properties

when you want to name every repeated color and spacing value across the whole stylesheet, beyond the one blue you just sampled

Checked 21 Aug 2026