トーンとは明度と彩度の複合概念

※今までに色彩を学習したことのある方でPCCS（日本色研配色体系）やCCIC（商工会議所カラーコーディネーションチャート）のトーン表をお持ちの方は、このページに掲載しているトーン表は見ずに、そちらの方をご覧下さい。PCCSのトーン表の掲載は著作権の侵害となりますので、このウェブサイトでは独自でHSBを使ったトーン表を作成したことをご了承の上下さい。

トーンとは日本語で色調のことで、明度と彩度を複合した概念です。まずは下のトーン表をご覧下さい。同じトーン同士で配色をまとめると明度、彩度が近い色が集まるため、調和しやすくなります。

HSBを使い、SとBを変えずにHだけを動かせばトーンが出来ます。ここでは便宜上、彩度の段階を4つに分けておりますが、他の数値でも全く問題はありません。ご自分のイメージに近いトーンを作り出してから配色を考える方法もありますので、一度トーンの作成をお試し下さい。

明度、彩度が100のトーン

明度と彩度が共に100の場合は原色となります。派手なイメージが表現できますが、このまま使用して配色するとまぶしくて目が疲れる配色となる可能性がありますので、なるべく使わないようにすると、妙に華美でうさんくさい配色から一歩遠ざかることが出来ます。

関連記事：

• トーンからのイメージ
• 彩度とは
• 明度とは
• HSBカラーモデル
• リンク、トラックバック、コメントについて

トーンからのイメージ

また同じトーン同士でまとめると非常にイメージが作りやすく、明度、彩度が近いため調和しやすく、「派手な」とか「優しい」などといったイメージを生み出しやすいのが特徴です。

トーンを上手く利用できれば、配色の幅が広がります。トーンから生み出される代表的なイメージを下記の表にまとめております。ご自分が表現したいイメージの単語を見つけだしておけば、トーンを用いた配色が出来るようになりますので、自分が今から配色するウェブサイトのイメージにふさわしいトーンを見つけておきましょう。

トーン12を見て明るくかわいらしいイメージが浮かぶなど大きくトーンがずれる場合はともかく、隣接したトーンくらいでイメージとイメージワードがずれていても、それほど大きな問題ではありません。どの辺りのトーンが自分が表現したいことに近いのかを覚えておくだけでも結構です。

関連記事：

• トーンとは
• 言葉からの色彩イメージ
• 配色の調整
• 情報を見せる背景色
• 関連サイトの紹介