グラデーションジェネレーター
線形、円形、扇形グラデーションの作成、カラー分岐点の追加、方向の設定を行い、ワンクリックでCSSをコピーできます。
形状
すべてのグラデーションのレンダリング処理はお使いのブラウザ上で行われます。ここで設定したデータがBroBroGoにアップロードされることはありません。
よくある質問
線形、円形、扇形グラデーションの違いは何ですか？
線形（linear）は指定した角度の直線に沿って色が変化します。円形（radial）は中心から外側に向かって、正円または楕円状に色が広がります。扇形（conic）は色相環のように、中心点を軸に時計回りに色が変化します。
カラー分岐点（color stop）とは何ですか？
カラー分岐点（color stop）とは、グラデーション上の特定の位置（開始点の0%から終了点の100%まで）に固定された色のことです。分岐点を移動させて色のピーク位置を調整したり、分岐点を追加してより複雑なグラデーションを作成したりできます。最大8個まで使用可能です。
グラデーションの方向はどのように制御しますか？
線形（linear）または扇形（conic）グラデーションでは、角度スライダーで方向を設定します。0°は上方向、90°は右方向を指します。円形（radial）グラデーションには角度の概念がないため、代わりに「正円（circle）」または「楕円（ellipse）」の形状を選択して広がり方を調整します。