Vesper Colors

Vesper Colors collects the colors a website actually uses and assembles them into a shareable Vesper Colors palette.

IT READS THE CODE, NOT THE SCREEN: Screen pickers (including the browser EyeDropper) sample rendered pixels, which are distorted by display color profiles, anti-aliasing, and layer compositing. This extension reads getComputedStyle() instead, so every hex is exactly what the site's CSS authored - the value that belongs in a client palette.

TWO CAPTURE MODES: Pick - hover to highlight any element, click to lock it, then choose from its color roles: text, background, border, outline, SVG fill and stroke, and gradient stops. Scan - one click walks the whole page, dedupes every color, and ranks the site's real palette by how heavily each color is used. CSS variable token names (like --brand-primary) are shown where they can be recovered.

YOUR COLLECTION, ACROSS PAGES: Collected colors persist as you browse a site - gather from the homepage, a catalog page, and a signup page, then build one palette. Each color is a full-width band showing its hex (click to copy), an editable label, and an automatic color name.

ONE LINK OUT: Copy or open a vespercolors.com palette link carrying your colors and labels - ready for WCAG contrast checking, previews, and sharing.

All processing happens locally in your browser. Nothing about the pages you visit is collected or transmitted.