Image & Design Tools (8)
Colour, type and image workflow helpers for designers and front-end developers — with exports ready to drop into CSS, Tailwind or shadcn themes.
DESIGN/COLOR
Color Picker
HEX/RGB/HSL picker with contrast ratio tool.
DESIGN/PALETTE
Color Scheme Maker
Build and preview palettes: analogous, complementary, triadic, mono, shades.
IMAGE/OPTIMIZE
Image Compressor
Client-side JPEG re-encoding to shrink images.
DESIGN/CSS
CSS Gradient Generator
Design linear and radial CSS gradients with live preview and copy-ready code.
DESIGN/CSS
Box Shadow Generator
Craft box-shadow values with sliders and copy the CSS instantly.
DESIGN/TYPE
Font Pair Generator
Preview curated Google Font heading + body pairings for websites and apps, randomize combos, and copy ready-to-use CSS.
IMAGE/CONVERT
Image Converter
Convert PNG, JPEG and WebP images, resize by max width and compare file sizes — fully in-browser.
IMAGE/SVG
SVG Optimizer
Minify SVG markup and export it as a data URI or a ready-to-paste React component.