All toolsDesign & Colour

Design & Colour

Palettes, gradients and contrast checks for better interfaces.

Color Picker & Converter

Pick a colour and convert between HEX, RGB, HSL and more, then generate matching palettes. A free colour tool for designers and developers.

Colour Contrast Checker

Check any text and background colour pair against WCAG AA and AAA contrast ratios, with an instant pass or fail. A free accessibility checker.

CSS Gradient Generator

Build linear and radial CSS gradients visually, with multiple colour stops and angles, then copy the CSS. Free and instant, no signup.

SVG Viewer & Optimizer

Paste or upload an SVG to preview it, inspect the code, strip editor bloat and download a clean, smaller file. Free, runs in your browser.

Small tools for the details that make an interface feel finished: a colour in every format you need, a contrast ratio before a client points it out, a gradient with the CSS already written, an SVG stripped of editor bloat.

Each one gives you the value to paste, not a screenshot of it, and works offline once the page has loaded.