Shades
The 50 to 950 scale Tailwind uses, built from the color above. Click a stop to load it.
More free tools
Device Mockup Generator
Put a screenshot inside a phone, foldable or tablet frame and download the PNG.
Make a device mockup
Beautiful CSS Gradients
Mesh, grainy, metallic and animated gradients to copy and paste.
Browse CSS gradients
Tailwind v3 to v4 Converter
Paste a v3 config and get the v4 CSS-first equivalent back.
Convert to Tailwind v4
Image to Mesh Gradient
Turn an image into a soft mesh gradient you can copy as CSS.
Make a mesh gradient
Color Picker from Image
Drop in a photo and pick any color out of it as HEX, RGB or OKLCH.
Pick a color from an image