Coming soon to Chrome

Keep the colors worth keeping.

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.

No accountLocal-firstBuilt for Chrome
Dab app icon
Dab
Capture colors from the web
Capture tool

Colors worth keeping, straight from the web.

Pick a pixel, scan a page, or inspect an element. Your palettes stay on your device.

Local-first by design. No Dab account is required, and saved colors and palettes remain in Chrome extension storage on your device.
One extension. Three ways to capture.

From a single pixel to a complete page palette.

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.

01

Pick Color

Use a precise eyedropper to grab any visible color from the page and save it instantly.

#6268F1
02

Scan Page

Detect the colors used across the current page and surface the most useful palette first.

03

Inspect Element

Hover a specific interface element and capture its text, background, border, fill, or stroke colors.

button.primary
Page Palette

See the visual system behind the page.

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.

Normalized color values Duplicate cleanup Most-used colors ranked first Up to 80 detected colors
Page palette18 colors detected
#03173C
#F7F8FB
#6268F1
#8A5DE4
#F2608F
#FB765F
Electric VioletCaptured from example.com
HEX#6268F1
RGB98, 104, 241
HSL237, 84%, 66%
HSV237, 59%, 95%
Contrast7.54:1
AA ✓AAA ✓
Color Inspector

Every value, ready when you need it.

Open any captured color and immediately switch between the formats your design or development workflow needs.

HEXRGBHSLHSV

You can also use colors as foreground/background pairs to check WCAG contrast before adding them to a palette.

Saved Palettes

Build a library from what you discover.

Keep useful colors together, name your palettes, reorder swatches, and export them when you are ready to use them elsewhere.

Brand Exploration6 colors
Editorial UI5 colors
Reference Site4 colors
Export paletteBrand Exploration
:root {
  --color-1: #03173C;
  --color-2: #6268F1;
  --color-3: #8A5DE4;
  --color-4: #F2608F;
  --color-5: #FB765F;
}
HEX listCSS variablesJSON
Local-first by design

Your color library stays yours.

Dab does not require an account or cloud workspace. Captured colors, history, and saved palettes stay in Chrome extension storage on your device.

No accountNo remote palette databaseNo broad host access
Read the privacy policy
Dab app icon
Coming soon

Capture it. Keep it. Dab it.

Dab is being prepared for release on the Chrome Web Store.