ColorKit vs ihatecolors Image Extractor

ColorKit is a free web toolkit for designers and artists working with color palettes, gradients, and other design elements. Its palette generator offers AI prompts, style modes, color locking, and controls for hue, brightness, saturation, and temperature. Palettes can be exported as PNG, copied as CSV or an array, or shared by URL. The image palette tool extracts 2 to 10 colors, allows manual adjustment of color points, and can create a PNG collage; ColorKit says images used by this tool are never uploaded to its server. The gradient maker supports linear, radial, and conic gradients, adjustable color stops, AI generation, CSS copying, and image or code export, with up to eight stops per gradient. A contrast checker calculates text and background contrast ratios and can pick colors from an uploaded image or image URL. Other listed tools include a color picker, shade generator, SVG color changer, background maker, and color mixer. ColorKit is available on the web. Image palette extraction needs no signup; a free account is required to save palettes and gradients.

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.