What this workspace does
Dominant colors with a CSS-ready export.
Image Inspector · browser local
Extract a useful palette from an image.
After you choose an image, Aftermath groups sampled image pixels into a compact, practical palette you can copy as CSS custom properties.
Use it accurately
Palette extraction is a fast visual summary, not a color-management proof or brand-accessibility audit.
Private browser processing
Selected files are processed in the current browser session. Aftermath has no account, cloud file storage, or server-side file-processing job.
What this tool checks
Extract a local dominant-color palette from one image when you need a quick set of CSS-ready values for review or design exploration. The palette represents sampled image colors rather than a brand, accessibility, or print-color certification. Compare it with the intended design system and contrast requirements before adopting it.
What to choose and what you get
What to choose
- one supported local image
Result
- a local dominant-color palette with CSS-ready values
Supported formats
- Accepted formats: JPG, PNG, WebP.
- Output formats: HTML report.
Browser support and permissions
- Modern browser with JavaScript, a supported image decoder, and enough memory for the selected image.
- No camera, microphone, or screen permission is needed.
Worked example
A presentation needs a compact palette derived from the dominant visible colors in one local photograph.
Starting facts
- The image contains many more colors than the desired palette.
- Sampling and grouping necessarily simplify the source.
Observed operation: Decode and sample the image locally, group nearby colors and display a compact palette with CSS-ready values.
Review the result: Compare the swatches with the source and copy only the colors that support the intended contrast and hierarchy.
Boundary: A dominant-color palette is an approximation and does not preserve every pixel, profile, semantic color or accessibility contrast.
Check your result
- Palette extraction is a fast visual summary, not a color-management proof or brand-accessibility audit.
Things to know
- Review the result on the intended device before relying on it.
Privacy boundary
The selected image stays in the current browser session and is not sent to an Aftermath processing service. How local processing is verified.
What this tool verifies
Checks the displayed limits and reports or creates a local dominant-color palette with CSS-ready values from one supported local image.
Check before sharing
A local measurement or export does not guarantee acceptance by an external destination.