Colour and design tools
Convert HEX, RGB, HSL and CMYK, check WCAG contrast ratios, build palettes and gradients, and generate CSS for shadows and radii.
Colour Converter
Convert colours between HEX, RGB, HSL, HSV and CMYK formats. Shows a live preview swatch and…
Contrast Checker
Check colour contrast ratio against WCAG 2.1 accessibility standards. Shows AA and AAA compliance for…
CSS Gradient Generator
Create CSS linear or radial gradients visually. Adjust colours, stops and angle, then copy the…
Aspect Ratio Calculator
Calculate aspect ratios, find missing dimensions when scaling and match preset ratios (16:9, 4:3, 1:1)…
PX to REM Converter
Convert between px and rem CSS units with a customisable base font size. Includes a reference table for…
About Colour & design tools
Design tools that respect accessibility: the contrast checker reports the WCAG 2.2 AA and AAA results for normal and large text, and the palette tools show the same colour in every notation you might need in a stylesheet or a brand document.