🎨 Design Tools
← Back to Home
Color Picker
Gradient Generator
Box Shadow
Pick colors and get their values in multiple formats (HEX, RGB, HSL).
Pick a Color:
Or Enter HEX Color:
HEX
#667eea
Copy
RGB
rgb(102, 126, 234)
Copy
RGBA
rgba(102, 126, 234, 1)
Copy
HSL
hsl(231, 76%, 66%)
Copy
Create beautiful CSS gradients with live preview.
Gradient Type:
Linear
Radial
Angle:
90
°
Color 1:
Color 2:
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
📋 Copy CSS
Create CSS box shadows with a visual preview.
Horizontal Offset:
0px
Vertical Offset:
10px
Blur Radius:
25px
Spread Radius:
0px
Shadow Color:
Opacity:
0.3
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
📋 Copy CSS