このツールのソースコードです。自由にコピーしてお使いください。

CSS「linear-gradient」を生成できるグラデーションツールです。
右のカラーピッカーで選択した色をベースにHSLを変化(右下のスライダー)させてグラデーションを生成します。

:CSSコードを表示します

:グラデーションの角度を指定します

:グラデーションをランダムに表示します
・カラーピッカー横のスライダーを変更するとグラデーションの開始位置、終了位置を調製できます。
・HSLをクリックしスライダーを調整すると終了色の「色相」「彩度」「輝度」を変更できます

関連パーツ