Easy
New
Popular
Color Picker / Converter
Pick a color and convert HEX, RGB, and HSL values.
Developer ToolsOpen
Loading MH Tools page...
Choose colors and direction, preview the gradient, randomize it, and copy CSS.
Tip: MH Tools runs this utility in your browser for quick no-login use. Review generated output before publishing or sharing it.
Gradient Generator is part of the Developer Tools collection in MH Tools. It is designed for fast, no-login use and works well for quick browser-based tasks.
Choose colors and direction, preview the gradient, randomize it, and copy CSS.
Step 1: Choose colors.
Step 2: Pick a direction.
Step 3: Copy the generated CSS.
Yes. Use the random button for a fresh pair of colors.
Pick a color and convert HEX, RGB, and HSL values.
Format or minify small CSS snippets.
Lightly format or minify JavaScript snippets.
Format, minify, and validate JSON with clean error messages.
Encode or decode URL-safe strings instantly.
Encode plain text to Base64 or decode Base64 back to text.
Format, minify, and validate JSON with clean error messages.
Encode or decode URL-safe strings instantly.
Encode plain text to Base64 or decode Base64 back to text.
Generate one or many browser-safe UUIDs.