Website
Color Picker & Gradient Generator
Interactive color picker with HEX/RGB/HSL output plus a linear gradient generator with copyable CSS.
HEX / RGB
#3b82f6 · rgb(59,130,246)
CSS
background: linear-gradient(135deg, #3b82f6, #8b5cf6);How to use the Color Picker & Gradient Generator
- Pick two colors
- Adjust the angle
- Copy the CSS
Frequently asked questions
Which format should I use?
HEX is most common in design tools; use HSL when you need to tune lightness or saturation programmatically.