ColorPalette Pro vs ihatecolors Image Extractor

ColorPalette Pro is a web app for generating customizable color palettes from a base color. It creates analogous, complementary, split complementary, triadic, tetradic, and tint-and-shade palettes, with square, triangle, circle, and diamond variations for each type. Colors can be entered as text, adjusted with sliders, selected with an eyedropper, recalled from history, chosen at random, or supplied through a URL. Supported color spaces include OKLCH, LAB, LCH, HSL, and RGB. UI mode generates interface palettes with surface and on-surface colors, including light and dark versions. Palette values can be copied as CSS, saved as a CSS file, or rendered as an image; a URL can preserve the chosen color and most options for sharing. Palette images can be dragged into Figma for sampling. The app matches color names through an API using hex values and uses Color.js for color-science functions. It is open source under the MIT license, and its maker says there are no plans for ads or subscriptions. The eyedropper is unavailable in Firefox and mobile browsers.

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.