ColorKit

Colour work splits into two very different activities. One is choosing colours, which is taste and inspiration. The other is checking colours, which is measurement and has correct answers.

Most colour sites do the first and ignore the second, which is why people end up shipping interfaces with text nobody can read on backgrounds nobody complained about.

ColorKit does both, in eight small tools that load instantly and want nothing from you. It is a bookmark rather than a product, and that is exactly the right ambition.

Why Does A Contrast Checker Matter Most?

Of the eight tools on ColorKit, the contrast checker is the only one that answers a question with a right answer.

Colour contrast between text and its background is an accessibility requirement, not an aesthetic preference. Insufficient contrast means people with low vision, people on a phone in sunlight, and people with older screens cannot read your text — and that is a defect, not a style choice.

The reason a checker is necessary is that human judgement here is unreliable in a specific direction. Designers look at their own work on a good monitor in a controlled room, and light grey on white looks fine. It is not fine.

What a checker gives you is a number instead of an opinion, and the number does not care how nice the palette looks. That is why it is the tool on this site most likely to change what you ship.

The practical habit worth forming is checking before committing rather than after a complaint. Every pairing you intend to put text on, checked once, takes a minute and removes an entire class of problem from your build.

Designers look at their own work on a good monitor in a controlled room, and light grey on white looks fine. It is not fine.

Palette From Image Is How Palettes Get Made

The palette-from-image tool extracts colours from a photograph, and it deserves attention because it matches how colour selection actually happens.

Almost nobody builds a palette by reasoning about hue relationships from first principles. They see something — a photograph, a room, a book cover, a piece of packaging — and want the colours in it.

Extraction turns that into a workflow. Upload the reference, get the values, and start from something that already works because it existed in the physical world where colours had to coexist.

The limitation is that extracted palettes are unbalanced for interface use. A photograph might be ninety per cent one colour, which tells you nothing about which of the extracted values should be a background and which an accent.

So use extraction for the source colours and then make the interface decisions yourself, which usually means checking the pairs in the contrast checker before deciding anything is text. The two tools work best in sequence, and that adjacency is the real argument for a site like this over eight bookmarks.

What An Ad-Funded Tool Site Means For You

ColorKit's footer identifies it as a Raptive partner site, which means it is funded by advertising rather than subscriptions.

That is worth understanding rather than resenting, because it explains the whole shape of the product. Free tools with no signup, no usage limits, and no account to cancel exist because the page views pay for them.

The upside for you is real. There is nothing to evaluate, no trial to remember, no data being held hostage, and no chance of a tool you use twice a year deciding to become a subscription.

The trade-off is equally real. Ad-funded sites carry ads, they depend on traffic continuing, and they are maintained at whatever level the revenue supports. Nothing here is a service you should depend on for a deadline-critical pipeline.

For a colour utility that is a perfectly good arrangement. You are not storing anything, so if the site vanished tomorrow you would lose a bookmark and not a workflow — which is more than can be said for most tools you sign into.

• Check every text-on-background pairing before you commit, not after a complaint.
• Extract palettes from images, then decide roles yourself — photos are unbalanced.
• Treat it as a bookmark, not a dependency; nothing is stored and nothing is owed.
• Use the SVG colour changer to recolour icons without opening a design application.
• Copy values out to your own design tokens rather than relying on the site to hold them.

A Named Person Behind A Free Tool

The footer credits ColorKit to andy feliciotti, with a 2026 copyright notice.

This is a small detail that carries more weight than it seems. Most free utility sites are anonymous, which leaves you unable to judge whether anyone is still looking after them or what happens to anything you paste in.

A named individual with a current copyright year tells you two useful things: the site is maintained now, and somebody's name is attached to how it behaves. For a tool that processes images you upload, the second matters.

It also sets the right expectation about scale. This is an individually maintained site, so treat feature requests, uptime and long-term availability accordingly — generously, and without depending on any of them.

The comparison worth making is against colour features inside larger design products. Those have teams and roadmaps and also accounts, pricing tiers and the tendency to move things. A single-purpose site by one person will still be a single-purpose site next year.

Colour Work Beyond These Tools

Eight utilities cover the moments when you need a value or a check. They do not cover the situations where colour is the output rather than an input.

Colour in physical space is the clearest example. Deciding what a room should look like involves light, material and surface in ways a hex value cannot express, which is why visualisation tools such as Collov AI render the space instead of listing the palette.

Brand identity is the second. A palette is one component of a mark, and the mark has to work in one colour, at small sizes and on backgrounds you did not choose. Generators such as Logomakerr.ai work at that level, and a palette tool deliberately does not.

The third is diagrams and explanatory graphics, where colour carries meaning rather than mood. Distinguishing four categories legibly is a different constraint from looking pleasant, and tools like Napkin AI make those choices as part of generating the graphic.

Recognising the boundary is what makes a utility site useful rather than limiting. ColorKit answers questions about colours; the moment your question is about a room, a mark or a diagram, the colour values are an input to something else.

Do You Need An Account-Free Tool?

There is a category of software you use four times a year, and signing into it is most of the cost.

Account-free tools remove that cost entirely. Nothing to remember, nothing to cancel, no email sequence, no password, and no possibility that a utility you rely on occasionally becomes a subscription with a minimum term.

The trade is that nothing persists. Your palette is not saved, your history is not there next time, and there is no sharing a link with a colleague. For colour work that is usually fine, because the output is a handful of values you were going to paste into your own code anyway.

Where it stops being fine is anything collaborative or versioned. If three people need to agree on a palette and refer back to it in six months, that belongs in a system that holds state — which means an account, deliberately chosen.

The practical habit is to treat account-free tools as calculators. You use them to get an answer, you write the answer down where it belongs, and you do not expect them to remember anything on your behalf.

Using ColorKit Well

The mistake with colour utilities is treating them as an inspiration source and stopping there, which is how palettes that look lovely in a swatch grid become unreadable interfaces.

This order puts the measurement step where it belongs, which is before the decisions and not after.

1. Start from a real reference image and extract its colours rather than picking from nothing.
2. Decide roles deliberately — one background, one surface, one text, one accent.
3. Run every intended text-on-background pair through the contrast checker.
4. Adjust the text colour, not the brand colour, when a pair fails.
5. Use the gradient maker only after the flat palette works, since gradients hide contrast problems.
6. Copy the final values into your own tokens or variables so the palette lives in your code.

ColorKit: Palettes, Gradients And Contrast

• Eight colour tools, free in the browser, with no account required to use them.
• The contrast checker is the professionally important one — contrast is an accessibility requirement, not a taste question.
• Palette from image pulls colours out of a photo, which is how most palettes actually get made.
• Built by andy feliciotti, a named individual, with a 2026 copyright — so it is current and maintained.
• Ad-funded through Raptive, which explains how a free tool site stays free.

Colour Terms Worth Knowing

The vocabulary these tools assume, in plain terms.

undefined

undefined

undefined

undefined

undefined

undefined

ColorKit: Tools And Ownership

Who Should Bookmark ColorKit?

Bookmark it when

• You need a contrast ratio checked before shipping an interface.
• You want to build a palette from a photograph or reference image.
• You would rather not create an account for something you use occasionally.
• You need to retint an SVG without opening a design application.
• You want colour utilities that load instantly and store nothing.

Use a design system when

• Your colours need to live in a shared, versioned system across a team.
• You need palettes tied to components rather than existing as loose values.
• You require guaranteed availability for a deadline-critical pipeline.
• You want automated accessibility auditing across a whole product.
• You need colour work integrated with the rest of your design toolchain.