English
Meet your tools

Search tools

12 free tools · 100% on your device

Design tools

Pick colours, build palettes and gradients, check contrast and generate CSS for shadows, radii and fluid type.

Colour

Color Picker

Pick a colour and get HEX, RGB, HSL, OKLCH and CMYK.

Palette Generator

Build colour palettes and scales from one base colour.

Contrast Checker

Check text and background colours against WCAG.

CSS

Gradient Generator

Linear, radial and conic CSS gradients with a live preview.

Box Shadow Generator

Design soft, layered CSS box shadows visually.

Border Radius Generator

Round each corner and copy the shortest CSS.

Glassmorphism Generator

Frosted-glass CSS with backdrop blur and a live preview.

Typography

Type Scale Generator

Harmonious font sizes from a base size and ratio.

PX to REM Converter

Convert pixels to rem and rem to pixels.

CSS Clamp Generator

Fluid font sizes with clamp() between two screen widths.

SVG

SVG Viewer

Preview SVG code or files safely, with size details.

SVG Optimizer

Shrink SVG files by removing editor junk and rounding numbers.