Prism - Website Color & Font Extractor

Extract color palettes and fonts from any website in one click. For designers who need CSS colors, typography, and style fast.

Extract website colors, color palettes, fonts, and typography in one click. Prism is a Chrome extension for designers who want to quickly understand the visual style of any website. It scans a live web page and extracts a curated color palette and the font families used across the page. What Prism does: 🎨 Website Color Extractor Extract the colors used on a website, including backgrounds, text, borders, icons, and other visible elements. Prism organizes them into useful roles such as foundation, primary, secondary, accent, and neutral colors. 🔤 Website Font Finder Identify the font families and important font weights used on any website. Highlight a font to see where it appears on the page. 🎨 Color Palette Generator Shuffle alternative palettes from the same website, edit individual swatches, and copy your palette as a PNG for use in Figma and other design tools. Built for designers When you find a website you like, you shouldn't have to manually pick colors with an eyedropper or inspect CSS to figure out which fonts matter. Prism gives you the site's colors and typography in one place. Why Prism 1. Extract website colors and fonts in seconds 2. Generate a focused website color palette instead of a dump of CSS values 3. Find fonts and typography used on a webpage 4. Edit and shuffle extracted color palettes 5. Copy palettes into Figma 6. See where fonts are used on the live page 7. Everything runs locally in your browser; page content isn't sent to our servers For UI designers, product designers, developers, and anyone collecting design inspiration from live websites. Open a website. Click Prism. Extract the colors and typography you need.