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ツールです。最大4列x5行の水玉ひとつひとつの色・大きさをお好みで指定可能です。作成した画像は、CSSの背景や画像編集ソフトのパターンとしてご利用いただけます。ランダム色機能付き。ブラウザ上で動作します。