Atmos vs ihatecolors Image Extractor
Atmos
atmos.styleihatecolors Image Extractor
ihatecolors.comSide by side
| Figure | Atmos | ihatecolors Image Extractor |
|---|---|---|
| Price from | — | Free |
| Free plan | — | Yes |
| Free trial | Yes | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 2 | 1 |
| Spec score · Color Palette Generators | 7.9 (#8) | 7.4 (#19) |
| Accessibility | Its contrast checker supports APCA (WCAG 3) and WCAG 2. | The page describes a WCAG 2.1 contrast check and says colors are sorted by luminance to find a background and text combination. |
| Privacy | The privacy policy says the app uses Mixpanel to understand how users use it and Paddle for paid-plan billing. | The privacy policy says account creation is not required and saved favourites are stored in browser localStorage rather than sent to its servers. |
| Purpose | Atmos is a color palette tool built with UI designers in mind. | The Image Extractor analyzes an uploaded mockup or screenshot, extracts four dominant colors, assigns UI roles, and checks WCAG legibility. |
| Support | Atmos offers product support by email and a Slack community, and says it provides demos and onboarding support. | The About page invites users to contact the team with feature requests or questions about palettes. |
Plans
In their own words
Atmos
Atmos is a color-palette tool for UI designers, offered as a web app and extension. It includes a color generator, wheel, shade generator and playground for creating and refining palettes. The playground supports LCH and OKLCH color spaces with sRGB and Display P3 gamut limits. Its contrast checker covers APCA (WCAG 3) and WCAG 2. Users can save palettes, maintain a brand color library, work with print color and share palettes with teammates. Exports include SVG, Figma, CSS, JavaScript, JSON, Tailwind CSS, Style Dictionary, Design Tokens and Raw, with HEX, HSL, RGB, CMYK, LCH and OKLCH values. Atmos provides a Figma plugin; Pro adds palette syncing with Figma. The free plan allows one project, while Pro offers unlimited projects and all features. A 14-day trial needs no credit card but limits exports to SVG. Atmos is made by RBND studio.
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.