Creative Tools
Fast, free, in-browser tools for designers and developers.
Box Shadow Generator
Design CSS box shadows visually with sliders for offset, blur, spread, color and inset. Live preview and copy-ready CSS.
Open tool →
Color Palette Generator
Generate harmonious color palettes from any base color: complementary, analogous, triadic and shade variations. Copy any HEX instantly.
Open tool →
Contrast Checker
Check color contrast against WCAG accessibility standards. See the exact ratio and whether text passes AA and AAA for normal and large sizes.
Open tool →
CSS Gradient Generator
Create beautiful CSS gradients with live preview. Add color stops, pick the angle or type, and copy production-ready CSS in one click.
Open tool →
Font Pairing Tool
Discover beautiful Google Font pairings with live preview. See headline and body combinations that work, and grab the names instantly.
Open tool →
Image Color Picker
Upload any image and pick colors from it. Click anywhere to grab the exact HEX and RGB values, with a history of the colors you sampled.
Open tool →
Lorem Ipsum Generator
Generate placeholder text in seconds. Choose paragraphs, sentences or words, with or without the classic Lorem ipsum opening, and copy instantly.
Open tool →