ColorSqueaker: Colors, Fonts, Images & Motion

See the colors, fonts, images, and motion on any webpage. Check Google Fonts, build palettes, and keep a floating palette bar.

ColorSqueaker is two tools in one extension: a color picker and theme palette creator and a site inspector that shows you what colors, fonts, and imagery the site uses. SITE INSPECTOR Open any webpage and click the icon to see its design details. - Colors: Every color on the page, sorted by how often it's used. Filter by text, background, border, or SVG. Click any swatch to copy its hex code. See how each color is used with real text on its background, plus a contrast check. - Fonts: See each font, its weights, and its sizes. Find out whether it's free on Google Fonts. If it isn't, see where to get it and a similar free alternative. - Images: Browse images by type (JPG, PNG, SVG, WebP, and more). Download one, or select several and save them as a ZIP. - Motion: Find videos, GIFs, animated images, Lottie files, and embeds. - Brand sheet: Download a style sheet of the site's colors and fonts to share or save for reference. PALETTE BUILDER Pick colors from a page, name your palette, choose a primary color, and reorder the rest. Then send it to the floating palette bar. The palette bar stays on top of the page while you work, so you can use your colors in web-based tools. You can: - Click any swatch to copy its hex code. - Use the eyedropper to pick any color on your screen. - Type in a hex code to add a color. - Keep several palettes, and rename, lock, or delete them. - Generate matching palettes (complementary, analogous, triadic, and more) from your main color. - Export a palette as CSS variables or JSON. WHY INSTALL IT - Skip the guesswork when you want to match a brand, learn from a design, or check an accessible color pairing. - Know whether a font is free to use before you commit to it. - Save time by capturing a palette once and reusing it in your other tools. - Everything runs in your browser, and nothing is collected or sent anywhere. Designed for personal or authorized use. Respect the rights of the owners of any site, image, video, or font you inspect. DISCLAIMER ColorSqueaker is designed for personal or authorized use only. Respect the rights of the owner of any site, image, video, font, or other asset you inspect. Don't use copyrighted material without permission. Colors and fonts shown are observed from the page and may not match an official brand guide. Learn more: https://tipsqueak.com/pull-a-color-palette-fonts-and-assets-from-any-website-in-seconds/ Made with love by tipsqueak.