PagePalette: CSS Style & Color Inspector

About

PagePalette is a premium browser extension designed for designers, developers, and creators to inspect web typography and manage color harmonies.

Easily extract exact hex codes from any webpage element and discover computed styles like font family, size, line heights, margins, and paddings instantly.

How to use it:
1. Tap the PagePalette logo in the browser bar to open the popup dashboard.
2. In the Color Picker tab, tap Launch EyeDropper. Hover and click anywhere on the webpage to capture the exact hex code of any pixel.
3. Instantly review computed Monochromatic and Analogous color harmonies. Save design palettes inside your personal gallery.
4. In the Inspector tab, tap Launch CSS Inspector. Hover over headings, paragraphs, buttons, or layouts on the page to view a tooltip with computed fonts, weights, colors, and border dimensions.
5. Click on any element while the inspector is active to copy its complete CSS declarations straight to the clipboard, then paste into your design software or code editors.
6. Press the Escape key inside the active tab to close the inspector.

Privacy Note:
PagePalette is 100% free and open-source.