Reverse-Engineer
Any Brand Palette.
Lumist Hue analyzes images and mathematically categorizes colors into functional UI roles. Drag in a screenshot, and instantly export a production-ready Tailwind configuration.
Visual Extraction
Drag and drop any screenshot or UI element. Hue uses high-density HTML5 canvas sampling to instantly read thousands of pixels natively in your browser.
Semantic Math Engine
Hue doesn't just list colors. It calculates HSL luminance and saturation to automatically assign colors to functional UI roles (Primary, Accent, Background).
Tailwind Export
Once extracted, Hue generates a production-ready Tailwind CSS theme object. One click copies the exact configuration block for your stylesheet.
Under the Hood
The robust math powering Lumist Hue.
2D Grid Extraction
Hue reads images into an off-screen HTML5 canvas at native resolution, performing a high-density 2D grid sample to accurately capture thin banners and accents without causing interpolation washout.
Logarithmic Dominance Scoring
Colors are bucketed by HSL values and scored using a logarithmic scale that multiplies saturation by frequency, guaranteeing that true brand colors win over isolated high-saturation illustration noise.
Frequently Asked Questions
Are my uploaded images sent to a server?
No. The image processing happens 100% locally in your browser using the HTML5 Canvas API. Your images are never uploaded or stored anywhere.
Does it work with gradients?
Yes! By mathematically bucketing HSL values in 20-degree slices, Hue merges scattered gradient pixels back into single, powerful primary colors.