アクセントカラー｜イメージカラーを設定しよう

「アクセントカラー」はカテゴリーやフッターの背景色などサイト内各所で適用され、統一感を演出します。

作りたいサイトの雰囲気に合わせて設定してみましょう。
>> おすすめの配色が見つかるカラーツール13選

設定箇所

ダッシュボード内のTCDテーマ > 基本設定 > アクセントカラーで設定します。

用意されているオプション

「アクセントカラー」をクリックして展開すると設定項目が表示されます。
5つのプリセットだけでなく、お好みの色にも設定できます。　→設定方法

プリセット

落ち着いた印象の5色を「プリセット」として用意しました。各設定イメージをご紹介します。同じダークトーンでも、サイトの雰囲気が変わることがわかります。

#004030

#003040

#2A1D16

#410D03

#073B3C

プリセット以外の色を設定するには？

「色を選択」をクリックするとカラーパレットが開きます。カラーコードを指定したい場合もここから設定します。

どんな色を設定すればいいか迷ったときは、こちらを参考にしてみてください。

• ロゴで使われている色を使う。
• プリセットをクリックしてから、カラーパレットを開いて微調整する。
• 文字が読みづらい場合は明度・彩度を下げる（色を暗くする）。

続いて「フォント」の設定に進みましょう。

フォントの設定に進む