カラーストップは、グラデーションにおける色の変化ポイントです。各カラーストップには色と位置の2つの属性があり、この2つを調整することでグラデーションの見た目を細かく制御できます。最低2つのカラーストップがあればグラデーションが成立します。
カラーストップの位置は、0%から100%の範囲で指定します。0%がグラデーションの開始点、100%が終了点に対応します。位置を明示的に指定しない場合、色は均等に配置されます。隣り合うカラーストップの位置を同じにすると、色の変化が段階的になり、ストライプのような効果を得られます。
3色以上のカラーストップを使用すると、複雑で美しいグラデーションを作成できます。虹色のグラデーションは7色のカラーストップで構成されます。当ツールでは、カラーストップの追加・削除・移動をマウス操作で簡単に行えます。グラデーションバーをクリックして新しいカラーストップを追加し、ドラッグで位置を調整しましょう。