Explore other tools in the Design category.
Visualize and generate CSS border-radius.
Convert between HEX, RGB, and HSL values.
Generate color palettes from a single color.
Generate lighter and darker shades of a color.
Preview CSS animations and get the code to use them.
Create the popular glassmorphism effect for your UI elements.
Create and customize layered CSS box shadows with a real-time preview. Adjust the settings to get the perfect shadow for your elements.
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.5);