Design Tools

6 tools

Practical design utilities for working with colors, gradients, shadows, rounded corners and SVG. Generate production-ready CSS instantly, all from your browser.

Color Picker

Pick colors with a native color wheel and instantly convert between HEX, RGB and HSL. Copy any value with one click. Free, private, runs in your browser.

HEX to RGB Converter

Convert HEX color codes to RGB and back instantly. Supports 3 and 6 digit HEX values, validates input and copies results. Free, private, browser-based.

CSS Gradient Generator

Build beautiful linear and radial CSS gradients. Add color stops, tune the angle, preview live and copy the ready-to-use CSS. Free, private, browser-based.

Box Shadow Generator

Design CSS box shadows visually. Tune offset, blur, spread and color, toggle inset shadows, preview live and copy the CSS. Free and private.

Border Radius Generator

Round corners visually with independent controls for all four corners. Use pixels or percent, preview live and copy the border-radius CSS. Free.

SVG Viewer

Paste SVG markup to preview it instantly in the browser. Scripts and unsafe markup are stripped, then you can copy or download the cleaned .svg file. Free and private.