Curated for designers
Built for designers — pixel-perfect, private, instant.
Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.
Why this set
Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.
Color
Color Converter (HEX/RGB/HSL/OKLCH)
HEX, RGB, HSL and modern OKLCH — instantly.
- Offline
Contrast Checker (WCAG)
Check WCAG AA / AAA contrast — pass or fail.
- Offline
Tailwind Color Finder
Closest Tailwind class for any HEX color.
- Offline
Image Color Picker & Palette
Drop an image, extract its palette.
- No upload
CSS generators
Gradient Generator
Linear, radial and conic CSS gradients.
- Offline
Box Shadow Generator
Visual CSS box-shadow editor.
- Offline
Border Radius Generator
Per-corner CSS border-radius editor.
- Offline
Cubic Bezier Editor
Design CSS easing curves visually.
- Offline
Layout & assets
CSS Units Converter
Convert px, rem, em, pt and more.
- Offline
Aspect Ratio Calculator
Compute ratios and resize dimensions.
- Offline
Image Resizer
Resize images to exact pixel dimensions.
- No upload
Image Compressor
Shrink image file size with one click.
- No upload
Favicon Generator
Generate full favicon and PWA icon sets.
- No upload
SVG to PNG Converter
Render SVG markup to a high-resolution PNG.
- No upload