配色ツール

基礎部分の配色変更用のツールを用意しました。下記の手順で「custom.css」が作成できます。

1. カラーコードをテキストボックスに入力
2. 「テスト」ボタンで配色確認
3. 「出力」ボタンでダウンロード

プレビュー

ツールに入力した配色が反映されます。

入力欄

テキストボックスの右隣にあるボタンをクリックするとカラーピッカーが表示されます。
そこで選択した色がテキストボックスに反映されるので、カラーコードの入力お役立てください。

全体	背景色 文字色 リンク色
ヘッダー部	背景色 リンク色
コンテンツ部	背景色 見出し背景色 見出し文字色
フッター部	背景色 文字色 リンク色