ランダムグラデーション生成
ランダムなCSSグラデーションを生成 — リニア、ラジアル、コニック。調和のとれた色の組み合わせ、貼り付け可能なCSSコードをコピー。ブラウザで動作。
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
履歴
参考
グラデーション生成ツールはどのように動作しますか？
このツールは、調和的な色彩理論（類似色、補色、または三角配色の関係）と HSL 色相回転を使って2-3色を選びます。ランダムな角度や位置は crypto.getRandomValues() で選択されます。出力はライブプレビューと、貼り付け可能な CSS コードと並べて表示されます。
グラデーションの種類
- リニア — 設定可能な角度の直線に沿って色がブレンドされます。
- ラジアル — 中心点から外側に向かって色が放射されます。
- コニック — 色相環のように中心の周りに色が回転します。
一般的な用途
- ヒーローセクション — ランディングページの目を引く背景。
- カードとボタン — 奥行きのあるモダンな UI アクセント。
- デザインのひらめき — 予期せぬ色の組み合わせを発見。
- 壁紙とバナー — ユニークなビジュアルアセットを生成。
プライバシー
すべてのグラデーションはブラウザ内で100%生成されます。データはサーバーに送信されません。