CSSでグラデーションのコードを書く際に、方向やカラー(rgba・hsla)の数値など面倒と感じることも多いと思います。シンプルなグラデーションであればPhotoShopで作成しCSSに反映することも簡単ですが、多色(3色以上)や割合の異なる複雑なグラデーションとなるとCSSに記述するのも難しくなります。 そこで調べてみるとジェネレーターや、グラデーションパターンをコレクションしてるWebサービスなど、CSSをコピペするだけで使える便利なサイトがいろいろ見つかりました。今回は基本的なグラデーションの作り方と、グラデーションの作成に役立つWebサービスを厳選して紹介します。
![CSSグラデーションの作成に役立つジェネレーター・Webサービス11選](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebb0127be23cc68c5520f289119054c5a981cac8/height=288;version=1;width=512/https%3A%2F%2Fdesign.webclips.jp%2Fwp-content%2Fuploads%2F2018%2F09%2F20181215_02.jpg)