Huemark

Design inspector: fonts, colors, spacing, palette, grid, contrast and token export from any website.

Huemark reveals the visual system behind any website. Open it on the page you are studying to inspect design decisions, measure layouts, extract reusable styles and keep useful references without interrupting your workflow. What you can do with Huemark: • Inspect any element to see its typography, colors, spacing, layout, CSS and accessibility details. • Measure exact distances between page elements with clear on-page guides. • Sample any visible pixel and copy its HEX, RGB, HSL or OKLCH value. • Overlay adjustable columns and baselines. Configure gutters, margins, maximum width and baseline spacing. • Scan typography to find font families, roles, weights, sizes and line heights used across the page. • Extract the page palette, merge perceptual duplicates, group colors by token or usage, and export a reusable color system. • Discover SVG icons and images, search the results, copy SVG code and download available assets. • Save colors, fonts, assets and notes in visual reference boards. • Export collected colors as CSS variables, SCSS, JSON, W3C design tokens or Tailwind configuration. Huemark supports English and Russian, keyboard shortcuts, and a resizable panel that snaps to screen edges and corners and can be locked in place. Your preferences and boards stay in local browser storage. Huemark has no user accounts, does not sell user data and does not use it for advertising. External requests are limited to user-requested font lookup or download flows. Some websites restrict inspection, color sampling or asset and font downloads through browser security settings. Downloaded assets and fonts remain subject to their respective owners' licenses. Support and feedback: uttaushaladev@gmail.com