All tools › Making colours
Colour mixer
Two or more colours mixed in parts, as light, as ink or as an eye sees it
It runs entirely in this browser tab: the colours you type are never uploaded, and the tool makes no network request while it works. Open your browser's network panel and try it — nothing leaves the page. There is no sign-up and no account.
Settings
- View
- Choices: Swatches, Result.
- Model
- Light adds, ink takes away, and the third averages where an eye sees the middle. Choices: As light, As ink, As an eye sees it.
How to use it
- Paste your text into the box above, or open a file.
- Adjust the settings beside it until the result is what you wanted.
- Copy the result, or save it as a file. The result updates as you type.
Questions
- Do these answers depend on my screen?
- Yes, and that is stated on every result. Every number here is defined over sRGB, which is what a browser assumes. A wide-gamut or uncalibrated panel shows something else, and no page can see the screen it is being read on. The numbers are still the right ones to design against, because they are the numbers the standards are written in.
- Why does a ratio of 4.49 fail?
- Because 4.5 : 1 is a threshold somebody wrote into a standard, not a rounded figure. A checker that rounded first would pass a page that does not pass, which is the one mistake a contrast checker must not make. The colour difference numbers are the opposite kind: those are rules of thumb, and the tools that report them say so.
- Is the colour blindness simulation accurate?
- It is a simulation built from published matrices, and it is not a claim about any person. Colour vision differs between people with the same diagnosis, the partial forms are far commoner than the complete ones modelled here, and nobody's experience is a matrix. What it is genuinely good for is the designer's question: do these two colours still tell apart?
- Is what I type uploaded anywhere?
- No. This page carries the whole tool as WebAssembly and runs it on your own device. A palette is a product nobody has launched yet, and a brand colour arrives months before the brand does; none of it is sent anywhere.
Other tools for making colours
Colour scale
An even run of colours between two or more stops, in the space you choose
Shade ladder
A numbered ladder of shades from one colour, the way a design system numbers them
Dark mode palette
A light palette derived into a dark one that keeps the contrast it had
All fifteen tools