Design and Colour Tools
5 tools, free and without ads.
Colour and images, for the point in a project where a decision has to survive contact with real screens and real eyes. Picking a palette is the fun part; checking that it still works for someone who sees colour differently is the part that gets skipped.
The image tools matter for a second reason: they process files in your browser. A compressor that uploads your image has a copy of your image, which is a poor trade for saving a few kilobytes.
Every tool in Design
Crop, rotate, resize, and compress images to AVIF, WebP, JPEG, or PNG. Fully client-side — your image never leaves the browser.
Vectorize PNG, JPG, WebP, or GIF images into clean, scalable SVG. Trace logos, icons, and line art fully in your browser.
Generate harmonious color palettes from any base color. Complementary, analogous, triadic, tetradic, and more.
Preview colors, palettes and images with protanopia, deuteranopia, tritanopia or achromatopsia, and find pairs that stop being distinguishable.
Convert colors between hex, RGB, HSL, HSV and OKLCH. Gamut indicator, Display P3 output, tonal scales, harmonies, and a WCAG contrast checker.
From a colour to a palette that works
Colour Converter — moves one colour between hex, RGB and HSL. HSL is worth learning if you have not: it makes "the same colour, slightly darker" a single-number change rather than guesswork across three.
Colour Palette Generator — builds a set that holds together, which is a different problem from picking one colour you like.
Colour Blindness Simulator — the check. Somewhere around one in twelve men and one in two hundred women see colour differently, and the most common form makes red and green hard to separate — which is exactly the pairing that "red means bad, green means good" relies on. If your palette only works when the reader can distinguish those, it does not work.
The practical rule that follows: never let colour be the only thing carrying information. Add a label, an icon, a shape, a position — anything that survives the colour being indistinguishable.
Image Compressor and PNG to SVG — these handle the assets. Compress after you have finished editing, not before, since each re-encode of a lossy format loses a little more.
Related categories
- Developer Tools — The front-end tools that consume these values.
- Games and Fun Tools — Palette, a painting game built on real pigment mixing rather than screen colour.
- Craft and Sewing Calculators — Where a colour choice becomes a yarn or fabric order you cannot undo.