Ready to use
Image Tools
Open tool Image Color Palette Extractor
Extract an approximate dominant colour palette.
BUILT AROUND THE TASK
Prepare brand colors and assets
Turn a visual reference into a working set of colors and images. Extract a palette, check candidate text-and-background combinations, and prepare assets at the dimensions needed by your design.
USE WITH CONTEXT
Before you use these tools
Evaluate colors in the interface where they will be used. Contrast checks apply to a particular pair and text size; a palette alone cannot establish that an entire design is accessible.
A PRACTICAL ROUTE THROUGH THE SHELF
From raw input to reviewed output
- 1
Collect a visual reference
Choose an image you have permission to use and extract candidate colors. Keep the original so the design direction remains traceable.
- 2
Choose functional pairs
Test foreground and background combinations for their intended use. Give links, focus states, and messages cues beyond color.
- 3
Export the assets
Resize and compress the images for the destination, then inspect them beside the selected colors in the actual layout.
Choose a focused workspace
Ready to use
Design, Color & Branding
Open tool Color Palette Generator
Create a bounded, browser-local color palette generator with visible assumptions, review guidance, and downloadable output.
Ready to use
Accessibility
Open tool Color Contrast Checker
Create a bounded, browser-local color contrast checker with visible assumptions, review guidance, and downloadable output.
Ready to use
Image Tools
Open tool Image Resizer
Resize images proportionally with practical social-media dimension presets.
Ready to use
Image Tools
Open tool Image Compressor
Compress still JPEG, PNG, and WebP images locally with adjustable output quality.
Ready to use
Image Tools
Open tool Image Duplicate Finder
Compare 2 to 20 image files locally by SHA-256, identify exact copies and export a JSON report without deleting originals.
Ready to use
Image Tools
Open tool Image Print Production Preflight
Check effective PPI at a chosen print width, measure decoded transparency and export a JSON review before print handoff.
Questions before you start
Does passing a contrast check make the whole site accessible?
No. Contrast is one part of accessibility. The site also needs usable keyboard controls, labels, focus indicators, structure, and readable states. Check the color pairs you actually use and review the rest of the interface separately.