Upload an image and pull dominant colors via k-means clustering. Runs entirely in your browser on canvas.
Drop a photo, screenshot, or moodboard. K-means clusters the pixels and surfaces the dominant tones with hex, RGB, and HSL.
Remote URLs must allow CORS. If extraction fails, download the image first and upload it directly.
WCAG AA / AAA contrast ratio for normal text, large text, and UI components. Live sample preview and a lightness slider to find the nearest passing shade.
Pick a heading font from 30 curated Google Fonts and get 3-5 body pairings with reasoning. Live preview plus copy-ready <link> + CSS.
Upload an image and pull dominant colors via k-means clustering. Runs entirely in your browser on canvas.
Drop a photo, screenshot, or moodboard. K-means clusters the pixels and surfaces the dominant tones with hex, RGB, and HSL.
Remote URLs must allow CORS. If extraction fails, download the image first and upload it directly.
WCAG AA / AAA contrast ratio for normal text, large text, and UI components. Live sample preview and a lightness slider to find the nearest passing shade.
Pick a heading font from 30 curated Google Fonts and get 3-5 body pairings with reasoning. Live preview plus copy-ready <link> + CSS.