グラデーションは、配色さえうまく組み合わせることができれば美しい背景色を実現できるものですよね。グラデーションは、配色さえうまく組み合わせることができれば美しい背景色を実現できるものですよね。その配色が難しいことこの上ないわけです。そこで今回は、180種類ものCSSグラデーションのパターンを配布しているサイトをご紹介します。グラデーションのパターンを配布しているサイト。気に入った配色をクリックするだけで、背景グラデーションのCSSをコピーすることができるようになっています。気に入った配色をクリックすると、その場で拡大表示して背景色に使ったときのイメージをプレビューすることができます。背景用のPNG画像を取得できる配色の右上にある矢印ボタンを押すとPNG形式の画像をダウンロード。気に入った配色があったら、それをPNG形式でダウンロードすることができます。ダウンロードしたPNG画像(都合上リサイズした上に半分に分割しています。)ダウンロードできるPNG画像は2400×2000pxのサイズです。CSSを押すとCSSをコピーします。グラデーションとして気に入った配色をコピーすることも可能です。100%);といったようにCSSをコピーできるようになっています。