Color Picker & Design Audit | HexLift

Pick colors, scan palettes, fix contrast, and export design tokens from any page.

HexLift is a color picker and design audit tool for designers and developers who need clean color values, accessible contrast, and production-ready design tokens. Core features: Pick any visible screen color using Chrome's native picker. Keep HexLift open in Chrome's side panel while browsing. Switch between Pick, Page, Tokens, and History workspaces. Use a polished light or dark interface, saved locally. Scan the current visible tab and extract a useful pixel palette. Extract and group CSS colors, variables, borders, backgrounds, fills, strokes, shadows, and gradients from the active page. Run a page audit to find low-contrast text. Copy suggested CSS fixes for failing contrast pairs. Highlight contrast failures directly on the page with an optional overlay. Copy HEX, RGB, HSL, CSS variables, JSON, Tailwind token scales, and CSS token blocks. Export Tokens Studio JSON, Figma-style variables, SCSS, and Style Dictionary JSON. Generate a five-step palette from any selected color. Generate a dark theme palette from scanned design tokens. Check white and near-black text with instant AA pass/fail contrast chips. Save local brand kits for reuse. Keep recent colors locally for quick reuse. See one clearly labeled sponsor strip after first use, then never again.