グローバルツールハブ
現在の言語: Japanese

グラデーションジェネレーター

色とオプションを設定して、ブラウザでCSSグラデーションをすぐに作成できます。

使い方

  1. 少なくとも2色を選択します。
  2. 線形または放射状を選びます。
  3. 線形の場合は角度を調整します。
  4. 生成されたCSSをコピーしてプロジェクトに貼り付けます。
90°

ライブプレビュー

生成されたCSS

background: linear-gradient(90deg, #4f46e5, #06b6d4);

プリセット