パターンジェネレーター

パターンジェネレーターについて

パターンジェネレーターは、約2,000種類の既成デザインを、調整してすぐに使える背景に変えます。波、水玉、テッセレーションから、タータン、日本の青海波、イスラムの星、アール・デコの扇、ピクセルスプライト、迷彩まで、14のコレクションを閲覧し、それぞれを好きな色で確認できます。

すべてのデザインはベクターアートで描かれており、どのズームでもどの角度でも、継ぎ目が見えずに繰り返されます。最大6色の色、ズーム、位置、間隔、線の太さ、角度を変更でき、塗りつぶした図形を輪郭に変えたり、ループするアニメーションでパターンを動かしたりもできます。地形図、ボロノイ細胞、トルシェタイルなどのジェネレーティブなパターンは、クリックするたびに新しいバリエーションを作れます。

仕上がったら、CSS、SCSS、Tailwind 設定、インライン SVG、データ URI、React コンポーネントとしてコピーするか、最大8000ピクセルまで任意のサイズで SVG、PNG、JPG、WebP をダウンロードできます。独自のリピートに使えるタイル1枚の書き出しにも対応しています。すべてブラウザー内で処理されるため、何もアップロードされず、アカウントも不要です。

パターンジェネレーターの使い方

1. パターンを選ぶ: 名前で検索するか、コレクションや色数で絞り込みます。
2. カラーピッカー、既成のパレット、または「新しいパレット」で色を選びます。
3. ズーム、位置、間隔、線の太さ、角度を調整します。「ひらめきをもらう」を押す前に、変えたくない値をロックしてください。
4. 「タイルを表示」「ページ上」「テキスト内」のプレビューで確認します。
5. コードをコピーするかファイルをダウンロードし、「リンクをコピー」を使えば、あとでこのパターンにそのまま戻れます。

よくある質問