この道具の仕組み
選んだ色を等間隔の0〜100%へ配置し、線形では角度、放射ではcircle指定を含むCSS関数へ組み立てます。
入力と結果の例
入力例
- 入力
- オレンジと黄と緑 / 135°
- 結果
- linear-gradient(135deg, #ff8a65 0%, #ffd54f 50%, #4db6ac 100%)
使う前に知っておくこと
- 01入力値や前提条件によって、実際の結果と差が出る場合があります。
- 02重要な判断に使う場合は、元資料や公式情報でも確認してください。
- 03極端に大きい値や長い入力では、ブラウザの数値・処理上限の影響を受けます。