Design & Color tools
QR codes, color conversion and palettes, gradients, favicons, and sizing math.
Generate QR codes for URLs, Wi-Fi credentials, phone numbers, and email — with custom colors, size, and error correction, downloadable as PNG or SVG.
Pick any color and get its hex, rgb(), and hsl() values, 10 tints and 10 shades, and WCAG contrast ratios against white and black.
Convert colors between hex, rgb(), and hsl() with linked live inputs — paste any format, including CSS color names, and get all the others.
Design linear, radial, and conic CSS gradients with up to five color stops, a live preview, and copy-ready background-image code.
Generate complementary, split-complementary, analogous, triadic, tetradic, and monochromatic palettes from any base color, with click-to-copy swatches.
Make a favicon from one or two characters or an emoji: pick colors and shape, then download PNGs at 512/180/32/16 px plus a packed favicon.ico.
Turn any width and height into a simplified aspect ratio, lock a preset like 16:9 to auto-compute the other dimension, and browse common resolutions.
Convert px to rem and back with a configurable root font size, plus a reference table of common pixel values in rem.