Pick Color
Use a precise eyedropper to grab any visible color from the page and save it instantly.
Dab makes it easy to pick colors from any webpage, scan complete page palettes, inspect element colors, save collections, check contrast, and export what you find.
Pick a pixel, scan a page, or inspect an element. Your palettes stay on your device.
Dab is designed for the moments when you see a color, interface, or visual system worth saving — without turning a quick reference into a whole workflow.
Use a precise eyedropper to grab any visible color from the page and save it instantly.
Detect the colors used across the current page and surface the most useful palette first.
Hover a specific interface element and capture its text, background, border, fill, or stroke colors.
Instead of dumping every CSS value into one list, Dab normalizes duplicates and surfaces the colors that matter most. You get a concise palette first, with the full detected set still available when you need it.
Open any captured color and immediately switch between the formats your design or development workflow needs.
You can also use colors as foreground/background pairs to check WCAG contrast before adding them to a palette.
Keep useful colors together, name your palettes, reorder swatches, and export them when you are ready to use them elsewhere.
:root {
--color-1: #03173C;
--color-2: #6268F1;
--color-3: #8A5DE4;
--color-4: #F2608F;
--color-5: #FB765F;
}
Dab does not require an account or cloud workspace. Captured colors, history, and saved palettes stay in Chrome extension storage on your device.
Dab is being prepared for release on the Chrome Web Store.