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, generate color palettes, and find fonts and typography — all in one Chrome extension. Prism is a website color extractor and font finder that helps designers understand the visual identity of any website. Open a webpage, and Prism automatically extracts its colors and fonts so you can explore them in one place. 🎨 Website Color Extractor Discover the colors used across a website, including backgrounds, text, borders, icons, and other elements. Explore a curated color palette organized into meaningful categories to better understand the website's visual style. 🖌️ Website Color Palette Generator Explore your extracted colors in three views: an organized list, stack view, or visual palette view with rectangular color swatches. Shuffle alternative color combinations, edit individual swatches, and copy your palette as a PNG for use in Figma and other design tools. 🔤 Website Font Finder Identify the font families and font weights used on a webpage. Highlight a font to see where it appears on the live website, making it easier to understand the site's typography. Built for designers and developers Found a website whose visual style you like? Instead of manually sampling colors with an eyedropper or inspecting CSS to find its fonts, use Prism to explore its colors and typography in one place. Why use Prism? - Extract website colors and fonts in one click. - Discover curated color palettes instead of endless CSS color values. - Explore colors in multiple views, including a visual palette. - Find website fonts and see where they are used. - Shuffle and edit color palettes to explore alternatives. - Copy color palettes as PNGs for Figma and other design tools. - Keep your analysis private: extraction runs locally in your browser, and page content isn't sent to our servers. Prism is built for UI designers, product designers, web designers, frontend developers, and anyone who collects design inspiration from live websites. Open a website. Click Prism. Explore its colors and typography.