グラデーション生成

使い方

1. 各色（ストップ）の色を選ぶ。「色を追加」で最大4色まで増やせる。
2. 種類で線形（linear）と放射状（radial）を切り替え、線形では角度スライダーで方向を決める。
3. プレビュー下の CSS がそのまま使える。「CSSをコピー」で background プロパティごとコピーできる。
4. 「ランダム生成」を押すと、暗号論的に安全な乱数から新しいグラデーションを作る。

注意事項

ストップの位置は等間隔（2色なら0%と100%、3色なら0%・50%・100%）に自動配置する。プレビュー下の「ブレンド段階」は最初と最後の色を RGB 空間で10段階に補間したもので、色の移り変わりの滑らかさを確認できる。処理はすべてブラウザ内で行われる。

よくある質問

角度の0度はどの向き？

CSS の linear-gradient では0度は上向き（下から上へ）、90度は右向き、180度は下向きを指す。このツールの角度も CSS の仕様にそのまま従う。