グラデーション作成ツール
2つの色、なめらかなグラデーション、そして再利用できるコード · アート ●○○
ここを変えてみてください
プロンプト
2色で、向きが左から右のグラデーション作成ツールを作ってください。インストール不要で、他のファイルも使わず、ブラウザで開くだけで動く単一のHTMLファイルにしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部のURLは一切使わず、記号が必要な場合は絵文字や文字を使用してください。 グラデーションがしっかり確認できるよう、画面の大部分を使ってプレビューを表示してください。その下にカラーピッカーを配置し、向きを回転できるスライダーも付けてください。 グラデーションのCSSコードを枠内に表示し、コピーボタンを設けてください。これこそがユーザーが求めているものです。 完全に適当なランダムではなく、色相環で隣り合う色や反対側の色など、相性の良い色を選んでくれる「おまかせ」ボタンを追加してください。 完成したら、コピーしたCSSを別の場所に貼り付けたとき、画面と同じグラデーションがきちんと再現されるか確認してください。
使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める
ランダムに選ばれた色が濁って見える場合は、「色相環で1色目から60度以内の色を2色目に選んで」と伝えてみてください。
返ってきたものを貼り付けてください
こんなものもあります