InspectDev
Color Palette
Scan the current page to discover every color used in styles — backgrounds, text, borders, gradients, and more. Build a palette, tweak shades, and export as CSS custom properties or Tailwind-compatible config.
About Color Palette
Color Palette automatically extracts every color from a page and groups them by usage. Build a palette, tweak shades, and export ready-to-use CSS variables or Tailwind config.
Features
Discover, save, and export color palettes from any page.
Auto-Palette
Scan the page to extract all unique colors automatically. Grouped by usage — backgrounds, text, borders, and accents.
Manual Add
Use the integrated eyedropper to pick additional colors from the page and add them to your palette.
Export as CSS
Export your palette as a set of CSS custom properties or a Tailwind-compatible config. Ready to drop into your project.
How to use
- 1
Select Color Palette from the InspectDev toolbar.
- 2
Click "Scan page" to extract all colors used in the page styles.
- 3
Review the generated palette. Add colors manually with the eyedropper, or remove ones you don't need.
- 4
Choose your export format (CSS variables or Tailwind config) and copy with one click.
Try Color Palette free
Color Palette is included in the free version of InspectDev. Upgrade to Pro for advanced features like persistent workspaces and team sync.
