CSSチェックパターン生成ツール

チェック模様のCSSコードを自動生成します。色とサイズから3種類のパターンを生成できます。
種類
パターン1パターン2パターン3
ベース色 (#e8f9fa)
チェック色 (#06c0cc)
サイズ (10px)

解説

背景色とパターン色から3種類のCSSコードをリアルタイムに生成します。

パターン

パターン1通常のチェック柄、市松模様
パターン2等間隔のチェック、格子柄
パターン3ギンガムチェック、弁慶格子

設定項目

ベース色基本となる背景色を指定します。
チェック色チェックのカラーを指定します。
サイズチェックの大きさを指定します。

関連ツール