All tools

Design · 10 tools

Color & Design Tools

Colour pickers, palettes, gradients and CSS generators — plus contrast and colour-blindness checking, which is the part most colour tools leave out and the part that decides whether a design is usable.

Available now

4 of 10

Color Picker

HEX, RGB, HSL, OKLCH, with an eyedropper where supported.

HEX to RGB Converter

Every direction, with CSS, Tailwind and Swift export.

Gradient Generator

Linear, radial and conic, plus the banding fix.

Contrast Checker

WCAG verdicts plus the nearest passing colour.

In development

6 planned

These tools are specified and in active development. Click any card to inspect planned specifications and view related available tools.

Color Palette Generator

Soon

Harmony rules with lock-and-regenerate. No AI.

Color Extractor

Soon

Pull a palette out of any image.

Color Blindness Simulator

Soon

All eight types, on pairs or a whole image.

CSS Shadow Generator

Soon

Layered box and text shadows that actually look good.

CSS Border Radius Generator

Soon

Per corner, elliptical, squircle approximation.

CSS Animation Generator

Soon

Keyframe editor with a draggable easing curve.

Related categories