Gradient maker
Two colours, one smooth blend, and the code to reuse it · Art ●○○
Change these if you like
Prompt
Make a gradient maker with two colours running left to right. Make it a single HTML file that opens in a browser with nothing to install and no other files. Put the CSS and JavaScript inside it. Do not use image files or any external address; use emoji or letters if you need a symbol. The gradient fills most of the screen so I can actually see it. Colour pickers underneath, and a slider to turn the direction. Show the CSS for the gradient in a box with a copy button. That is what people come for. Add a "surprise me" button that picks colours that go together rather than at random — colours from nearby on the wheel, or opposite each other. When you are done, check the copied CSS really produces what is on screen when pasted somewhere else.
What it uses: One file only · Say what it is first · Decide what shows
If random colours look muddy, ask it to "pick the second colour within 60 degrees of the first on the colour wheel".
Paste what came back
You might also like