CSSグラデーションジェネレーター
リニア・ラジアルCSSグラデーションをビジュアルに作成してCSSをコピー — アップロードなし。
CSS出力
CSSグラデーション背景をビジュアルに生成
カラーストップを追加し、角度を調整して、リニアとラジアルを切り替え。プレビューとCSSはリアルタイムで更新されます。backgroundプロパティをワンクリックでコピー。すべてローカルで動作 — アップロードなし。
カラーストップにはオプションのパーセント位置を指定できます。空欄のまま均等配分になります。角度を変えて0〜360度で回転させましょう。
よくある質問
リニアとラジアルの違いは？ リニアは直線方向に色を遷移、ラジアルは中心から円状に広がります。
名前付き色やrgbaは使えますか？ はい — 任意の有効なCSS色値を使えます。