06Category
Design tools
Color, gradients, CSS, SVG and typography.
Featured
Popular
All Design tools
Color Picker
Pick and convert HEX, RGB, HSL, HSV and OKLCH
Palette Generator
Harmonies, shades, tints and full scales
Gradient Generator
Linear, radial and conic CSS gradients
Shadow Generator
Layered CSS box-shadows with live preview
Border Radius
Per-corner border-radius CSS
Contrast Checker
WCAG 2 contrast ratio for text and UI
Type Scale
Modular typographic scale as CSS
Font Pairing
Try heading and body font combinations
- Font
Font Preview
Preview local font files and type specimens
- SVG
SVG Viewer
Preview and inspect SVG safely
- SVG
SVG Optimizer
Minify SVG and strip editor metadata
- SVG
SVG to PNG
Rasterize SVG at any size
- SVG
SVG Inspector
viewBox, dimensions, elements and safety report
Spacing Calculator
px ⇄ rem and spacing scales as CSS tokens
Text Shadow Generator
Layered, 3D and neo-brutal text shadows
Glassmorphism Generator
Frosted-glass cards with backdrop blur
Neumorphism Generator
Soft UI surfaces: flat, concave, convex, pressed
Neo-Brutalism Generator
Thick borders, hard shadows and tactile states
CSS Button Generator
Solid, outline, soft and neo-brutal buttons with hover states
CSS Blob Generator
Organic blob shapes with pure border-radius
CSS Noise Generator
Grain texture as a tiny inline SVG
CSS clamp() Generator
Fluid font sizes and spacing between two viewport widths
Responsive Font Calculator
Font size that scales with the viewport — as clamp()
- Image
Color Blindness Simulator
See images and palettes as people with color vision deficiencies do
Background Generator
Wallpapers: mesh, gradients, noise and patterns at any size
Mesh Gradient Generator
Soft, blended multi-color gradients
Pattern Generator
Dots, grids, stripes, waves, checks and geometric patterns
Noise Texture Generator
Grainy textures as PNG
CSS Pattern Generator
Patterns you can copy as pure CSS backgrounds
px ⇄ rem / em Converter
Pixels to rem and em (and back) for any root size
Viewport Unit Calculator
vw, vh, vmin and vmax to pixels
8px Grid Calculator
Snap sizes to an 8-point (or any) grid
Golden Ratio Calculator
Split a size by φ and build a golden type scale
- Image
Color Extractor
Pull the dominant colors out of an image
- Image
Palette from Image
Turn a photo into a CSS-ready palette
- Image · SVG
Favicon Generator
favicon.ico, PNG favicons, Apple touch and PWA icons from a logo or letter
Letter / Emoji Favicon
A favicon from a letter, initials or an emoji
- Image
Sprite Sheet Generator
Pack icons or frames into one PNG with CSS and JSON
Placeholder Image Generator
Dummy images of any size as PNG, JPG, WebP or SVG
CSS Formatter
Beautify CSS rules and media queries
CSS Playground
Try CSS against live HTML
- Text
Code to Image
Beautiful highlighted code screenshots for slides and posts
Lorem Ipsum
Placeholder paragraphs, sentences or words
Aspect Ratio Calculator
Calculate and scale dimensions by ratio
DPI & Print Size
Pixels, inches and DPI for printing