Extract colours, fonts and logos from any website URL.
Colour Palette
Colour Combinations
Ionic Framework Palette
Typography
UI Elements Preview
Icons, Logos & Images
Crawl More Pages
Select pages to extract additional brand assets from. Fetching many pages can take a while. Max 10 pages.
Page Meta
Enter any public URL to extract brand colours, typography, logos and page metadata. Colours are ranked by CSS frequency, deduplicated to remove near-identical shades, and checked for WCAG contrast. Fonts are detected from font-family declarations and Google Fonts CDN links. Export as CSS custom properties, JSON or Markdown brand guidelines.
Some sites block CORS proxies or serve content entirely via JavaScript. The tool works best on sites that render styles server-side.
HTML is fetched through a public CORS proxy (api.allorigins.win). The URL you enter will be sent to that proxy service.
It generates all 9 Ionic colour roles with base, rgb, contrast, contrast-rgb, shade and tint CSS variables. Primary/secondary/tertiary come from the brand; success, warning, danger, dark, medium and light use Ionic's default values.
Inline SVGs are serialised from the DOM. External image URLs are shown as thumbnails but may not load due to CORS or auth restrictions. Base64 data URLs embedded in CSS are captured directly.
Related: WCAG Contrast Checker · Colour Palette Generator
Keywords: brand colour extractor, website colour palette, extract brand assets, logo extractor, Ionic palette generator