上部ツールバーから線形または放射グラデーションを選択
「+ カラーストップを追加」をクリックして色を追加し、スライダーで位置を調整
「画像をアップロード」をクリックして、自分の写真にグラデーションオーバーレイを適用
ライブプレビューを確認し、SVGコードをコピーするかファイルをダウンロード
直線的なカラー遷移。0°〜360°で角度を設定可能。背景、バナー、ボタンに最適。
中心から放射状に広がる円形カラー遷移。スポットライト効果、アイコン、プロフィール画像に最適。
当社の無料SVGグラデーション生成オンラインなら、ブラウザーで直接美しい線形グラデーションと放射グラデーションを作成できます — ソフトウェアのインストールは不要です。グラデーションタイプを選び、カラーストップを追加し、角度を調整すると、ライブプレビューですぐに結果を確認できます。 eigene画像をアップロードしてグラデーションオーバーレイ効果を適用し、鮮やかなビジュアル 結果を得ることができます。
SVGグラデーションメーカーオンラインは∞のカラーストップをサポートし、グラデーション設計の完全なコントロールを提供します。各ストップは0%から100%までの任意の位置に配置でき、内蔵カラーピッカーで 任意の 色を選択できます.線形グラデーションの場合 角度スライダーで正確な方向を設定できます。結果が気に入れば、SVG コードを直接コピーするか、ファイルをダウンロードしてあらゆるウェブプロジェクトで使用できます。
この無料 SVG グラデーション生成ツールは、線形・放射グラデーションをブラウザ上で作成し、SVG コードとして出力します。写真にグラデーションを重ねることもでき、アップロードなしで即時プレビューされます。
ヒーロー背景、ボタン、バナー、アイコンの演出に使います。図形を描きたいときはSVG エディター、コードを直接編集したいときはSVG コードエディターが役立ちます。
CSS グラデーションと違い SVG は拡大しても劣化しません。動きをつけたいならSVG アニメーション作成、色を選ぶならカラーピッカーと併用してください。
アップロードした画像も含め、すべてブラウザ内で処理され外部に送信されません。
SVG の線形・放射グラデーションを作成するツールです。
はい、完全に無料で登録不要です。
線形は直線的、放射は中心から円形に広がります。
はい、任意のカラーストップを追加できます。
はい、線形は 0–360° で設定可能です。
はい、写真にグラデーションオーバーレイを適用できます。
いいえ、ブラウザ内で処理されます。
はい、コードをコピーまたはダウンロードできます。
はい、モバイル対応です。
はい、軽量な SVG がそのまま使えます。
