オンライン線形グラデーション画像生成ツール

オンライン線形グラデーション画像生成ツール

ブラウザ上で線形グラデーション画像を生成し、PNGとしてダウンロードできる無料ツールです。色、サイズ、角度、スケール、透明度を細かく設定できます。

角度は右向きを0として時計回りに測ります。0°は左から右、90°は上から下、180°は右から左、270°は下から上です。初期値135°は右上から左下へ向かいます。遷移はキャンバス中央を中心に配置します。100%ではその方向への矩形の投影範囲を覆い、長方形では単に対角を結ぶ線ではありません。200%では中央半分で遷移し、両外側はそれぞれ開始色と終了色で一定になります。50%では長い遷移の中間部分だけが見え、両端色に達しない場合があります。繰り返しはありません。

透明度を有効にすると、各色の透明度を個別に設定できます。透明度25%はアルファ値0.75、透明度100%はアルファ値0に対応します。このツールは正確に2つのカラーストップ（位置0と1）のみを作成し、追加のストップや繰り返しモード、色空間セレクター、ディザリング、テクスチャ、画像アップロード機能はありません。

1 ≤ W,H ≤ 10,000 px; W × H ≤ 24,000,000 px
−360° ≤ θ ≤ 360°; 1% ≤ s ≤ 500%
0% → α 1; 25% → α 0.75; 100% → α 0
1200 × 630 px; θ = 135°; s = 100%
P₀ (1057.5, −142.5) → P₁ (142.5, 772.5)