Design Tools

Three free design utilities for web designers and front-end developers. Pick and convert color formats between HEX, RGB, and HSL; create CSS linear and radial gradients with a live visual editor; or generate QR codes from any text or URL for instant sharing. All tools run client-side — no account, no upload required.

All Developer Tools Design Tools Utility Tools Calculators Text Tools Converters Image Tools

HEX

Color Picker

Convert between HEX, RGB and HSL

QR Code Generator

Generate QR codes from text or URLs

∇

CSS Gradient Generator

Create CSS linear and radial gradients visually. Pick two colors, choose direction, get the CSS code instantly — ready to paste into your stylesheet.