Toollyグラデーション背景メーカー
色と種類（線形・放射状・円錐状）を選ぶだけで、SNS投稿やサムネイル、壁紙用のグラデーション背景を作成できます。CSSコードのコピーとPNG画像でのダウンロードの両方に対応しています。
使い方
- 1プリセットから選ぶか、グラデーションの種類・角度・色を自由に設定します。
- 2色は「色を追加」で増やしたり、位置をスライダーで調整したりできます。
- 3出力サイズを選び、CSSコードをコピーするか、PNG画像としてダウンロードします。
計算方法・変換方法
プレビューはCSSのlinear-gradient／radial-gradient／conic-gradientをそのまま使用しています。
PNG画像はCanvas APIのネイティブなグラデーション機能（createLinearGradient等）で指定サイズに描画してから書き出すため、大きいサイズでも綺麗に出力されます。