Media
3 items
Description
Collect the real colors a website uses - from the CSS, not the screen - and turn them into a Vesper Colors palette link. 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. Developed by Steven Trotter. Part of the Vesper accessibility suite.