Sign In Get Started

Design Tools

Colour conversion, contrast checking and CSS gradient and shadow generators with a live visual preview.

4 tools · all browser-based

New
Color Converter
Convert HEX, RGB, HSL, HSV and CMYK with a picker, named colours, tints and shades.
New
Contrast Checker
Check WCAG contrast ratios for AA/AAA text and UI components, with fix suggestions.
New
CSS Gradient Generator
Design linear, radial and conic gradients and copy CSS or Tailwind code.
New
Box Shadow Generator
Layer CSS box shadows with live preview and copy CSS or Tailwind output.

Other categories