CanDoYa Accessible Palette Generator vs ihatecolors Image Extractor
CanDoYa Accessible Palette Generator
candoya.comihatecolors Image Extractor
ihatecolors.comSide by side
| Figure | CanDoYa Accessible Palette Generator | ihatecolors Image Extractor |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 1 | 1 |
| Spec score · Color Palette Generators | 7.9 (#9) | 7.4 (#19) |
| Privacy | Palette generation, contrast measurement, and CSS export run locally in the browser, and entered colors are not uploaded for calculation. | The privacy policy says account creation is not required and saved favourites are stored in browser localStorage rather than sent to its servers. |
| Purpose | Turns a brand color and page background into UI color roles and checks intended foreground/background pairs against WCAG contrast thresholds. | The Image Extractor analyzes an uploaded mockup or screenshot, extracts four dominant colors, assigns UI roles, and checks WCAG legibility. |
| Support | CanDoYa says email is the fastest way to reach its small independent team for questions, bug reports, or tool ideas. | The About page invites users to contact the team with feature requests or questions about palettes. |
Plans
CanDoYa Accessible Palette Generator
- Accessible Color Palette GeneratorFree
In their own words
CanDoYa Accessible Palette Generator
CanDoYa Accessible Palette Generator is a free web and browser-extension tool that turns a brand color and page background into interface color roles. It generates text, muted text, surface, primary, on-primary, accent, and border colors, then checks intended foreground/background pairs against WCAG contrast thresholds. Users choose AA or AAA targets and receive exact ratios with pass or fail results. The generator keeps the chosen hue and saturation where possible, searching lighter or darker variants to meet the selected ratio. Accent colors may use analogous, complementary, or triadic hues and receive the same contrast check. A live interface preview shows the palette in context. Individual HEX values or a complete CSS custom-property block can be copied. Palette generation, contrast measurement, and CSS export run locally in the browser, and entered colors are not uploaded. The free plan allows unlimited palettes without an account or usage limit. Most tools continue working offline after the page loads. The report evaluates opaque sRGB contrast only and does not establish whole-product accessibility.
ihatecolors Image Extractor
ihatecolors Image Extractor is a free web tool that analyzes an uploaded mockup or screenshot, finds four dominant colors, assigns interface roles, and checks contrast. It accepts PNG, JPG, WebP and SVG files. Colors are sampled on a canvas and clustered to identify the most prominent shades, then mapped to Background, Primary Accent, Secondary and Body Text. You can copy generated CSS variables or a Tailwind CSS configuration. Live previews show the palette in landing, blog and dashboard mockups. Its accessibility feature describes a WCAG 2.1 contrast check and sorts colors by luminance to identify a background and text combination. The site says its algorithms run client-side. No account is required; saved favourites stay in browser localStorage. The free plan is available for personal and commercial projects. The FAQ cautions that the check does not guarantee an accessible palette.