カラーストップを削除するには？

ストップを選択して Delete または Backspace を押すか、ゴミ箱ボタンを使います。グラデーションには常に 2 つ以上のストップが残ります。

このグラデーションはすべてのブラウザで使えますか？

線形と円形のグラデーションは現行のすべてのブラウザで動作します。扇形（conic）グラデーションは Chrome、Edge、Firefox、Safari 12.1 以降で動作します。

はい。Tab でストップにフォーカスし、矢印キー（Shift を押すと 10 刻み）、Home、End で動かせます。角度ダイヤルも矢印キーで操作できます。

ドラッグできるカラーストップ、角度ダイヤル、プリセットで線形・円形・扇形の CSS グラデーションを作成。CSS や Tailwind のクラスをすぐコピーできます。無料。

カラーストップクリックで追加 · ドラッグで移動

CSS

background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);

Tailwind

bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

ツールページの更新日： 2026-10-23