Bzzdex
← アプリを作る

グラデーション作成ツール

2つの色、なめらかなグラデーション、そして再利用できるコード · アート ○○

ここを変えてみてください

プロンプト

2色で、向きが左から右のグラデーション作成ツールを作ってください。インストール不要で、他のファイルも使わず、ブラウザで開くだけで動く単一のHTMLファイルにしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部のURLは一切使わず、記号が必要な場合は絵文字や文字を使用してください。

グラデーションがしっかり確認できるよう、画面の大部分を使ってプレビューを表示してください。その下にカラーピッカーを配置し、向きを回転できるスライダーも付けてください。

グラデーションのCSSコードを枠内に表示し、コピーボタンを設けてください。これこそがユーザーが求めているものです。

完全に適当なランダムではなく、色相環で隣り合う色や反対側の色など、相性の良い色を選んでくれる「おまかせ」ボタンを追加してください。

完成したら、コピーしたCSSを別の場所に貼り付けたとき、画面と同じグラデーションがきちんと再現されるか確認してください。

使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める

ランダムに選ばれた色が濁って見える場合は、「色相環で1色目から60度以内の色を2色目に選んで」と伝えてみてください。


返ってきたものを貼り付けてください

作るときに使ったプロンプトも残す(任意)

AIに入力した内容を貼り付けてください。公開するかは後で決められます。

0

こんなものもあります