September 30, 2018

Ichimatsu Checkered Pattern Generator

event_noteSeptember 30, 2018

Random Color
Preview
Open as an image

斜めの色を合わせる【パターン1】
斜めの色を合わせる【パターン2】
色を合わせる【3色】

How to use

このツールではCSSの背景や、Photoshop・Illustrator等の画像編集ソフトのパターンとして使用できる市松模様・チェック柄を生成します。

画像として保存する場合は、生成された市松模様の領域を右クリックした後、"名前をつけて画像を保存"から。IEなどのCanvas領域の画像保存に対応していないブラウザの場合は Open as an image ボタンをお試しください。

列数は2列もしくは4列、行数は一番上のスライダーを使って2-4で指定可能です。

その下の2つのスライダーでは、それぞれ正方形の一辺のpx数を指定して、四角形の大きさを調節できます。

四角形の一つ一つの色は、それぞれのパレットで個別に指定できます。(最大4x4色)

Previewボタンを押すと、並べて表示した場合の確認が可能です。

作成できるパターンの一例です。格子模様も作れます。

[色を合わせる] ボタンについて

斜めの色を合わせる【パターン1】ボタンを押すと、最上部左端のパレットの色が斜めに位置している四角形にひとまとめに適用されます。

斜めの色を合わせる【パターン2】ボタンを押すと、最上部の左から二番目のパレットの色が斜めに位置している四角形にひとまとめに適用されます。

色を合わせる【3色】ボタンは、チェック柄のパターンを作成したいときに便利です。
最上部左端のパレット最上部の左から二番目のパレット二段目の左端のパレットの合計三色を使用します。

関連ツール

シームレスなストライプ画像を生成するWebツールです。最大10色・全体で横幅3000pxまで指定して、お好みの縞々模様が作成できます。ランダム色機能付き。ブラウザ上で動作します。
シームレスな水玉ドットパターンを生成するWebツールです。最大4列x5行の水玉ひとつひとつの色・大きさをお好みで指定可能です。作成した画像は、CSSの背景や画像編集ソフトのパターンとしてご利用いただけます。ランダム色機能付き。ブラウザ上で動作します。
ハニカム構造のシームレスな水玉ドットパターンを生成するWebツールです。水玉ひとつひとつの色・大きさをお好みで指定可能です。ランダム色機能付き。ブラウザ上で動作します。