ColorDesigner vs ColorKit
ColorDesigner
colordesigner.ioColorKit
colorkit.coSide by side
| Figure | ColorDesigner | ColorKit |
|---|---|---|
| Price from | $3.10/mo | Free |
| Free plan | Yes | Yes |
| Free trial | Yes | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 2 | 1 |
| Spec score · Color Palette Generators | 8.2 (#5) | 8.4 (#3) |
Plans
In their own words
ColorDesigner
ColorDesigner is a web and extension platform for creating color wheels, palettes, and gradients. Its listed 13 tools include a palette builder, gradient generator, color mixer, color wheel, converter, image palette extraction, image color picking, contrast checker, and color comparison. The palette builder creates tints, shades, tones, and complementary, analogous, split-complementary, triadic, and tetradic harmonies. The Free plan costs nothing and includes 12 tools, HEX export, up to five saved colors, five palettes, and one project. Pro is $37.20 a year, billed annually, excluding tax; it adds unlimited saved colors, palettes, and projects, plus export in HEX, RGB, HSL, LAB, LCH, OKLAB, and OKLCH. Subscription plans include a 14-day free trial; the one-time payment option has no trial. The Figma plugin creates tints, shades, harmonies, and stepped gradients from selected layers or local styles, but supports solid fills only. The Photoshop extension includes a color wheel, OKLCH support, harmonies, and stepped gradients with hue interpolation across color spaces.
ColorKit
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.