Design & Creative

Colour, gradient, and visual tools for designers.

Sankey Diagram Generator

Create clear, beautiful Sankey diagrams from your data.

Colour Palette Generator

Build a small, usable palette from a starting colour.

Contrast Checker

Check text and background contrast against WCAG.

Gradient Generator

Mix a CSS gradient and copy the code.

Pick a colour and copy the hex, RGB, and HSL.

HEX to RGB Converter

Turn a hex colour into red, green, and blue.

RGB to HEX Converter

Turn red, green, and blue into hex.

Favicon Generator

Draw a letter favicon and download a PNG.

Aspect Ratio Calculator

Find the missing side, or simplify a ratio.

PX to REM Converter

Convert pixels to rem from a root font size.

Font Identifier

Coming soon

Identify a font from a sample.

Box Shadow Generator

Dial in a CSS box-shadow and copy it.

Border Radius Generator

Set a corner radius and copy the CSS.