Go to Top

綺麗なグラデーションを作成できる生成ツール【 3選 】


グラデーション画像ダウンロードや、CSSコピーもOK!

Web制作やデザイン作業をしていると、綺麗なグラデーションを作成したい時ってありますね。
そこで今回は、綺麗なグラデーションを作成できるWebサービスを紹介します。

 

1)uigradients

1033

こちらの生成ツールは、左上のメニューから好きなグラデーションを選択して、「< >」をクリックすると CSS を提案してくれます。
https://uigradients.com/#PiggyPink

 

2)GradPad

1044

ホームページ上で使いたい色を選択して、イメージ通りのグラデーションをCSSで生成してくれます。
http://ourownthing.co.uk/gradpad.html

 

3)CSS GEARS

1055

CSS や Sketch、Adobe XD データがダウンロードできます。
XD のデータがダウンロードできるサービスは、中々ないのでありがたいですね。
https://gradients.cssgears.com/

 

自分に合ったグラデーション生成サイトを見つけみててください。