Extract Image Color Palettes
Automatically extract dominant hues and harmonized color palettes from any photograph. Get exact HEX, RGB, and HSL codes, alongside WCAG contrast ratio checks.
Active Palette
PRIMARY
#000666
TINT
#4C56AF
SECONDARY
#A1EFFF
TERTIARY
#EBDCFF
SURFACE
#F3FAFF
WCAG Contrast
Contrast Ratio
17.24 : 1
Live Preview
Sample Heading
Legibility test for fine typography details.
Forge Intelligence
- 100% Client-side JS calculation
- Real-time Delta-E adjustments
- Deterministic seed generation
Smart Harmonizer
Automatically adjusts lightness and saturation values to match your base brand identity.
Tailwind Config
Instant JSON output for tailwind.config.js with semantic color naming conventions.
Simulation Engine
Test your palette against 8 common types of color blindness in real-time.
Related Tools
All ToolsImage Compressor
Shrink images up to 90% without server uploads.
Open Tool →Image Converter
Convert universally using offline Canvas API hooks.
Open Tool →Background Remover
Isolate subjects locally using in-browser WebAssembly.
Open Tool →Image Resizer
Scale and resize photos securely on your device.
Open Tool →Frequently Asked Questions
How does the color extraction work?
The tool analyzes your image pixel by pixel using the Canvas API, quantizes colors to find dominant hues, and returns a harmonized 5-color palette with hex, RGB, and HSL values.
Can I check WCAG contrast ratios?
Yes. Select any color in the palette to see its WCAG contrast ratio against white, with pass/fail indicators for large text, normal text, and UI components.
Is my image processed locally?
100%. The image is analyzed entirely in your browser using Canvas API. No data is sent to any server.