How it works: The tool uses HTML5 <input type="color"> and type="range" elements. A JavaScript function listens for changes (oninput), combines the values into a valid CSS linear-gradient() string, applies it to the preview box, and displays the code.