グラデーション生成

Design linear or radial gradients with a visual tool, then copy the generated CSS. All processing is local for a fast, private workflow.

無料 · 制限なし · ブラウザで処理

使い方

  1. 1Pick primary and secondary colors (and add more stops if needed).
  2. 2Choose gradient type (linear or radial) and angle.
  3. 3Preview the gradient in real time.
  4. 4Copy the generated CSS code.

よくある質問

Does the CSS work in all browsers?
Yes. The tool outputs standard CSS3 gradient properties supported by modern browsers.
Can I add more than two colors?
Yes. You can add multiple color stops for complex gradients.
Is it free?
Yes, for personal and commercial use.

ジェネレーター・計算機: QRコード、パスワード、テストデータ、日常の計算 — 単位・日付・色など。

読み込み中...