Loading
Developer
Build a layered CSS box-shadow visually, with inset support and a light or dark preview, then copy the declaration.
Runs entirely in your browser, nothing is uploadedbox-shadow: 0px 1px 2px rgba(15, 23, 42, 0.06),
0px 8px 24px -4px rgba(15, 23, 42, 0.12);Build a linear or radial CSS gradient visually and copy the generated code.
Open toolBeautify CSS for readability, or minify it down for production.
Open toolConvert colors between HEX, RGB and HSL, with a live picker preview.
Open tool