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

グラデーションを作って、CSSの背景コードをコピーするか、最大3840×2160の画像として保存できます。

無料・登録不要・透かしなし

使い方

線形グラデーションは角度に沿って変化し（90°は左から右）、放射グラデーションは中心から外へ広がり、円錐グラデーションは色相環のように中心の周りを回ります。生成されるCSSは現在のすべてのブラウザで使えます。

PNGのダウンロードでは同じグラデーションをcanvasで描くため、壁紙やスライドの背景、SNS画像に使えます。よく似た色どうしのグラデーションでは、8ビット画像でわずかな縞が出ることがあります。

TailwindなどでもCSSを使えますか？

はい。任意の背景値として、または独自のCSSで使えます。

何色まで使えますか？

最大6色です。

PNGは自由に使えますか？

はい。ご自身で作成したもので、透かしやライセンスの制限はありません。