Developer Tools
Gradient Picker
Pick solid colors or gradients and copy the CSS value
CSS value
Quick presets
How to use Gradient Picker
1.
Pick a solid color or switch to gradient
Use the built-in controls to toggle solid/gradient and adjust stops.
2.
Adjust hue/opacity and stops
Fine‑tune color, angle and positions until you like the preview.
3.
Copy CSS value
Click Copy to use it in your CSS or design tools.
Gradient Picker Features
Solid and gradient modes
Toggle between solid color and linear/radial gradients.
Advanced controls
Angle, multiple stops, opacity and presets.
Copy-ready output
Get a single CSS string ready to paste.
Frequently Asked Questions
Q: How do I reverse the gradient?
A: Either set the angle +180° (e.g., 90° → 270°) or swap the color stops.
Q: Can I edit stop positions?
A: Yes, drag stops or input exact values.
Q: Are gradients saved automatically?
A: No. This tool doesn't store gradients; copy the CSS value when you're ready.
- JWT Decoder
Decode and analyze JWT tokens
- JWT Generator
Generate JWT tokens with custom claims and headers
- cURL Builder
Build cURL commands with custom headers, methods, and options
- Bcrypt Hash Generator
Hash passwords using bcrypt with configurable cost factor
- Regex Tester
Test regular expressions with live highlighting and match details
- Time Converter
Convert between UTC, local time, and Unix timestamp
- String Escaper / Unescaper
Escape or unescape special characters for JSON/JS strings
- Data Formatter
Format and validate JSON, XML, YAML, and SQL with syntax highlighting
- Base64 Encoder
Encode text to Base64 format
- Base64 Decoder
Decode Base64 text to original format
- Image to Base64
Convert images to Base64 data URLs
- Base64 to Image
Convert Base64 data to images with preview and download
- ASCII Converter
Convert text to ASCII codes and vice versa
- Gradient Picker
Pick solid colors or gradients and copy the CSS value
- Color Palette
Interactive color picker with multiple format output
- Image Color Picker
Extract colors from images with pixel-perfect precision
- Favicon Generator
Generate multiple favicon sizes from text, emojis, or images
- Cron Expression Explainer
Parse and explain cron expressions in human-readable format
- JSON Viewer
View and explore JSON data in a tree structure
- UUID Generator
Generate unique identifiers easily.
- Hash Generator
Generate various hashes for your input.
- Bulk File Renamer
Rename multiple files using patterns and download a ZIP
Gradient Picker
Pick solid colors or gradients and copy the CSS value
CSS value
Quick presets
How to use Gradient Picker
1.
Pick a solid color or switch to gradient
Use the built-in controls to toggle solid/gradient and adjust stops.
2.
Adjust hue/opacity and stops
Fine‑tune color, angle and positions until you like the preview.
3.
Copy CSS value
Click Copy to use it in your CSS or design tools.
Gradient Picker Features
Solid and gradient modes
Toggle between solid color and linear/radial gradients.
Advanced controls
Angle, multiple stops, opacity and presets.
Copy-ready output
Get a single CSS string ready to paste.
Frequently Asked Questions
Q: How do I reverse the gradient?
A: Either set the angle +180° (e.g., 90° → 270°) or swap the color stops.
Q: Can I edit stop positions?
A: Yes, drag stops or input exact values.
Q: Are gradients saved automatically?
A: No. This tool doesn't store gradients; copy the CSS value when you're ready.