背景パターンを無料で作れるパターンジェネレーターまとめ

Pocket

無料で使える背景パターンジェネレータを集めてみました。

背景パターンはWebサイトに限らず様々なところで使われます。ざらざらした感じのテクスチャやストライプ模様、イラストのリピートなどなど。Photoshopなどで実際作ろうと思うと結構大変なんですが、簡単なものならブラウザ上で作れるパターンジェネレータがおすすめ。

無料のツールでも画像としてダウンロードできたり、かなり細かい設定ができるものもあるのでお気に入りのものがあればブックマークしておきましょう。

無料で使える背景パターンジェネレーターまとめ

bgpatterns
パターンに使いたい模様や画像をアップロードしてオリジナル背景パターンを作成できるツール。あらかじめ用意されたプリセットもあり、カラーの変更も可能。作成した背景は画像としてダウンロードすることができます。
背景パターンを無料で作れるWebサービス・ツール-01

Tartanmaker
チェック柄の背景パターンを作成できるパターンジェネレータ。3本の帯のカラーや太さを変更しながら自由に作成できます。ギャラリーページではこのサイトで作られた様々なパターンを見ることができます。
背景パターンを無料で作れるWebサービス・ツール-02

Zen BG
テスクチャの上にグラデーションカラーを載せて背景を作れるツール。テスクチャの種類は豊富に用意され、透明度やスケールの変更が可能。また、グラデーションはCSSコードで取得することもできるので、手持ちのテクスチャに合わせることもできそう。
背景パターンを無料で作れるWebサービス・ツール-03

Noisetexture Generator
背景によく使われるノイズ感のあるパターンを簡単に作成できるジェネレータ。ノイズの透明度やカラー設定を行うだけですぐにいい感じのパターンが作れます。作ったパターンは画像でダウンロードできるので素材としての使用も可能ですね。
背景パターンを無料で作れるWebサービス・ツール-04

patterncooler
大量に用意されたパターンを選んでカスタマイズできるツール。パターンのイラストの背景に木目調のテクスチャを合成できるので、やり方によってはかなり面白い背景画像を作れます。作った背景は画像としてダウンロードできます。
背景パターンを無料で作れるWebサービス・ツール-05

stripemania
ストライプ模様の背景パターンを作成できるパターンジェネレーター。ストライプの角度やグラデーションカラーのカスタマイズなどができます。ヘッダーにあるボタンからは他の人が作ったストライプ模様をチェック可能。
背景パターンを無料で作れるWebサービス・ツール-06

cssmatic
CSSだけで使えるノイズパターンジェネレータ。ノイズのカラーや濃さを設定でき、生成されたCSSコードを貼付けるだけで使用可能です。左下のダウンロードボタンを押せば画像としても使える便利なツール。ノイズジェネレータのほかに、グラデーションやボックスシャドウなんかもありますね。
背景パターンを無料で作れるWebサービス・ツール-07

CSS3 Patterns Gallery
こちらはCSSだけで作成された背景パターンのギャラリー。パターンの数はけっこうたくさんあり、どれも高品質。なにより全てCSSで作られてるのがすごいです、コードをコピペすればすぐに使えます。
背景パターンを無料で作れるWebサービス・ツール-08