Color converter
Color converter lets you convert HEX, RGB, HSL, and alpha values with a color preview in your browser.
Box shadow generator
Box shadow generator lets you generate and preview box-shadow from position, blur, spread, and alpha in your browser.
Box shadow generator
⌂ Inputs and results stay in this browser and are not automatically stored or sent.
Waiting for input
● Live previewInput & settings
Output
Waiting for input
Complete text result
How to use
Set shadow offset, blur, spread, color, and opacity; when layering shadows, adjust each layer deliberately.
Check the copied CSS against the real background and neighboring elements. Do not rely on a shadow alone to communicate selection; retain another visible cue.
Examples
#0F172APrinciples and limits
Each input is limited to 1,048,576 bytes, output to 33,554,432 bytes, and processing to 5,000 ms. Input is never silently truncated.
Guides
Related tools
Flexbox and Grid generator
Flexbox and Grid generator lets you generate and preview Flexbox or Grid layout CSS in your browser.