Back to all tools
Color Picker & Gradient Generator
Select colors, create beautiful gradients, and get HEX, RGB, and HSL values. Copy CSS code for your projects instantly.
59
Red
130
Green
246
Blue
Advertisement
How to Use
- Use the color picker or enter a color value to select a color.
- View the color in HEX, RGB, and HSL formats.
- Switch to 'Gradient' tab to create gradients with multiple color stops.
- Adjust gradient direction and colors as needed.
- Copy the CSS code to use in your projects.