Dab

Capture, inspect, compare, save, and export colors from any webpage.

Dab is a fast, local-first color capture and palette tool for designers and developers. Pick colors directly from your screen, scan an entire webpage for its visual palette, or inspect individual elements to understand exactly which colors are being used. Capture colors Use Dab’s color picker to grab any visible color and instantly view its HEX, RGB, HSL, and HSV values. Scan webpage palettes Scan the current page to discover the colors used across text, backgrounds, borders, SVGs, and other visible interface elements. Dab automatically normalizes duplicates and highlights the most useful colors. Inspect individual elements Hover over elements on a webpage and capture their text, background, border, outline, fill, and stroke colors. Build reusable palettes Save captured colors into custom palettes, rename palettes, reorder colors, and remove anything you no longer need. Check color contrast Compare foreground and background colors and quickly see WCAG AA and AAA contrast results. Export your colors Copy palettes as: • HEX color lists • CSS variables • JSON Built for privacy Dab works locally in your browser. No account is required, no cloud service is needed, and your saved colors and palettes remain stored locally in Chrome. Whether you're studying a brand, recreating a design system, checking accessibility, or simply saving a color you like, Dab gives you a clean way to capture and organize colors directly from the web.