August 29, 2018

Honeycomb Dot Generator

event_noteAugust 29, 2018

Random Color
Preview
Open as an image

How to use

このツールではCSSの背景や、Photoshop・Illustrator等の画像編集ソフトのパターンとして使用できるハニカム構造の水玉ドット模様を生成します。

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

水玉の列数は2で固定、行数は一番上のスライダーを使って2-7で指定可能です。

その一つ下のスライダーでは、一つ一つの水玉の骨組み(※画面には表示されていません)となっている六角形の一辺の長さを指定して、水玉の間隔の調整を行えます。

背景色については一番上のパレットで、水玉一つ一つの色や大きさについては、それぞれのパレットとスライダーで個別に指定することが可能です。

スライダーで指定した値の組み合わせによっては、描画のときに端数を切り捨てている関係上、画像を並べて表示した際に、繋ぎ目に歪みが生じる場合があります。その場合には、お手数ですが、値を少し大きめ(もしくは小さめ)に設定して歪みがない状態で保存し、画像編集ソフト等で画像を縮小(拡大)してからお使い頂ければと思います。

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

格子構造の水玉パターンを作成できる、姉妹版のSeamless Polka Dot Generatoropen_in_newもあります!