ウェブサイトで使いたくなる色んな柄の繰り返し背景パターンを、色の組み合わせや柄の不透明度を自由にカスタマイズ&無料でダウンロード可能なのが「Hero Patterns」です。SVG形式のファイルをダウンロードできるほか、CSSコードをコピー&ペーストすることも可能になっています。 Hero Patterns http://www.heropatterns.com/ デフォルト状態のウェブページには薄い青とやや濃い目の青の背景パターンが並んでいます。市松模様や十字模様などシンプルなものもあれば…… 歯車やダイヤ、葉っぱなど、ポップな模様もあります。 画面上部のツールを使って、背景や柄の色を変更可能。柄の色を緑色にしてみました。 さらに、背景色も変更。 柄の不透明度も調整できます。以下は、やや薄めにした様子。 不透明度を上げると柄がくっきりと浮かび上がります。 また、各背景の右下にある「Use
![無料でウェブサイトに使える繰り返し背景パターンをカスタマイズしてダウンロードできる「Hero Patterns」](https://cdn-ak-scissors.b.st-hatena.com/image/square/f19849d0aeb63defdcb44dc6aaef584a4305999f/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2017%2F01%2F01%2Fhero-patterns%2F00.png)