CSS Box Shadow Generator
Layer multiple box-shadows with a live preview, inset support and copy-ready CSS.
Enter any CSS color and convert it between HEX, RGB, HSL, HWB, CMYK and OKLCH, with alpha. The WCAG contrast check rates a text color on a background for body text and large headings and can fix the text color until it reaches 4.5:1.
Runs entirely in your browser – nothing you enter leaves this page.
No comments yet.
Log in to write a comment or reply. A moderator checks every comment before it appears – for security and to keep spam and abuse out.