CSSグラデーション生成

カラーストップから線形・放射グラデーションを作り、CSSをコピーします。

カラーストップ

位置 %

グラデーション種別角度（度）

このブラウザ内だけで生成します。送信はしません。

HEXカラー（#rrggbb）のみ対応。出力ではストップを位置順に並べ替えます。

プレビュー

background: linear-gradient(135deg, #336699 0%, #d4a017 100%);

使い方

HEXカラー（#rrggbb）と%位置のみ対応します。rgbaや色名には対応していません。出力ではストップを位置順に並べ替えます。