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

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


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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください