CSSグラデーションを作成

2つの色と方向を選んで、CSSグラデーションを作れるよ

端末内で処理 · 登録不要
羊が違う印をタグに押しているイラスト

見本

設定を変えると見本も変わるよ

作業手順で使う入力の形

この形のUTF-8 JSONを入力してね 1ファイルずつ処理するよ 入力値は保存設定へ含めないよ

{
  "from": "#3366CC",
  "to": "#EEAA55",
  "type": "linear",
  "angle": "90"
}

始まりと終わりの2色を選んでね 直線の角度は0~360度、円形では角度を使わないよ 見本を確認し、backgroundのCSSを保存できるよ

2色・90度 → linear-gradient(90deg, …)

2色の直線または円形だけに対応します。透明度や途中の色・位置は変更できません。