TOOLTIKI Lovable tool, really free
Colour Mixing

Colour mixer

Perceptual difference ΔE 114.0 — clearly different colours

Format

Calculated in your browser · nothing is uploaded

Local · sRGB mixing — light, not pigment
Advertisement
320 × 100

Blends two colours at any ratio and shows how different the result is from the first, as a perceptual ΔE figure rather than as a raw number.

How to use the colour mixer

1 Set your colour, by picker or by typing a hex value.
2 Switch the format if you need RGB, HSL or OKLCH rather than hex.
3 Tap any swatch to copy it, or copy the whole set at once.

This mixes in sRGB, which is what CSS `color-mix` in the srgb space does and what every image editor’s blend does — and it is not how paint behaves. Mixing blue and yellow light gives grey, not green, because screens add light while pigments subtract it. If you expected green, that expectation comes from a paint model and no screen tool will reproduce it. The ΔE figure underneath is the useful part: under about 1 the difference is invisible, 2 to 3 is noticeable side by side, and above 10 they read as different colours.

Questions

Because screens mix light additively and paint mixes pigment subtractively. Green is the paint answer; grey is the light answer.

CIE — colour difference and the Lab space
Advertisement
300 × 250
Was this tool any good?
INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING