カラーレイアウトシミュレーター(2カラム用)

ツール

See the Pen Color Layout by aplicot (@aplicot) on CodePen.


いちいちデザインソフトを立ち上げるのが面倒なので
ざっくりとページの配色パターンを決めたい時に使えるものを即席で作ってみました。
(なのでコードは適当)
ヘッダー、フッター、メイン、サイドバー4箇所の左上にある
四角いボックスをクリックすればカラーピッカーが立ち上がるので
お好みの色に変更しながら確認してみてください。

ざっくりとしたページデザインを考える際にでもどうぞ。