このツールについて
CSS Gradient Generatorとは何ですか？
ライブプレビュー付きでCSSグラデーションを作成できます。種類（リニア、ラジアル、コニック）を選び、カラーストップを無制限に追加し、角度（ラジアルの場合は位置）を設定して、生成されたCSSをコピーできます。出力は最新のすべてのブラウザに対応しており、古いブラウザ向けにはベンダープレフィックス付きのフォールバックも含めています。
デザイナーはこれを、ヒーローの背景、ボタンのスタイル、ブランドのムード探索などに活用しています。出力はCSS、Tailwindクラス、またはSVGで行えます。
FAQ · CSS GRADIENT GENERATOR
CSS Gradient Generatorに関する質問
対応しているグラデーションの種類は何ですか？
リニア（最も一般的で、角度ベース）、ラジアル（円形または楕円形、位置指定可能）、コニック（最も新しいタイプで、中心点の周りに色を扇状に広げ、円グラフのようなデザインに最適）に対応しています。すべて標準のCSSとして出力されます。
Tailwind形式で書き出せますか？
はい。生のCSSに加えて、カラーストップがTailwindの名前付きパレットと一致する場合、ジェネレーターがTailwindのユーティリティクラス（例：`bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`）も出力します。
無料ですか？
はい。サインアップは不要で、ブラウザ内で動作します。