Create, calculate, design.
Twenty design tools that run in your browser: palettes, contrast, QR codes, CSS and sizes. No account, nothing uploaded, nothing that expires.
Four tools do most of the work
Color Palette Generator
Harmonious palettes from one color. Lock, reroll with the space bar, export.
QR Code Generator
Links, Wi-Fi, contacts and more. Your colors, your logo, SVG or PNG.
CSS Gradient Generator
Linear, radial and conic gradients with OKLCH blending.
Design Size Calculator
Social sizes, aspect ratios and print dimensions in one view.
All 20 tools
Color tools
Build palettes, convert between color formats, check contrast against WCAG and see your colors the way people with color blindness do.
- Color Palette GeneratorHarmonious palettes from one color. Lock, reroll with the space bar, export.
- Color Contrast CheckerWCAG 2.2 ratios with APCA, and the nearest color that passes.
- Color ConverterHEX, RGB, HSL, OKLCH and CMYK, all at once.
- Color Blindness SimulatorSee an image or palette through four types of color vision.
- Tailwind Color Scale GeneratorA full 50–950 shade scale from a single brand color.
QR code tools
Static QR codes that never expire: links, Wi-Fi, contacts and more, styled with your colors and logo, exported as SVG or PNG.
CSS generators
Gradients, shadows, corners, glass, text shadows and filters. Shape it visually, copy CSS that matches the preview exactly.
- CSS Gradient GeneratorLinear, radial and conic gradients with OKLCH blending.
- Box Shadow GeneratorLayered, natural shadows with a live preview.
- Border Radius GeneratorCorners, pills and organic blob shapes.
- Glassmorphism GeneratorFrosted glass panels with readable text on top.
- Text Shadow GeneratorSingle or stacked text shadows, from soft to retro.
- CSS Filter GeneratorBlur, brightness, contrast and more on your own image.
Image and screen tools
Social media sizes, aspect ratios, pixels to print, DPI and screen density, worked out for you.
- Design Size CalculatorSocial sizes, aspect ratios and print dimensions in one view.
- Aspect Ratio CalculatorFind a ratio, or resize while keeping one.
- Pixel to Inch ConverterPixels to inches, centimeters and millimeters at any DPI.
- Social Media Image SizesEvery common post, story, cover and thumbnail size.
- Screen PPI CalculatorPixel density of any screen from resolution and diagonal.
Typography and layout tools
Modular type scales, fluid clamp() values and CSS unit conversion for layouts that hold up.
Made to be used, not signed up for
Nothing leaves your device
Images you test for color blindness and logos you put in QR codes are processed in the browser. There is no upload and no server to keep them.
QR codes that never expire
Every code is static: your link or Wi-Fi details live in the pattern itself, so no trial can end and switch your printed codes off.
Your colors follow you
Keep a color on the Shelf in one tool and pick it up in any other. The fourth square of the logo shows the last one you kept.