CSS水玉パターン生成ツール

水玉模様のCSSコードを自動生成します。色とサイズ、間隔・ぼかし具合から2種類のパターンを生成できます。
ベース色 (#06c0cc)
水玉色 (#e8f9fa)
大きさ (43%)
間隔 (18%)
ぼかし (1.5)
種類
パターン1パターン2

解説

背景色と水玉色、間隔・大きさ・ぼかしからCSSコードをリアルタイムに生成します。

設定項目

ベース色基本となる背景色を指定します。
水玉色水玉の色を指定します。
大きさ水玉の大きさを指定します。
間隔水玉同士の間隔を指定します。
ぼかし水玉のぼかしを指定します。微量値を設定することでジャギーが軽減できます。
パターン2種類の水玉配置パターンを選択できます。

関連ツール