純粋な青に黒を加えると、シェード（陰影）が生まれます。シェードは白を使うティント（淡色）でも、グレーを使うトーン（明度）でもありません。シェードとは、黒色の顔料を混ぜたり、デジタルカラースペースで輝度を下げたりして暗くした色を指します。

この用語は日常会話では曖昧に使われ、色のあらゆるバリエーションが「シェード」と呼ばれることがあります。しかし、色彩理論においては、その区別は重要です。赤のティントはピンクです。赤のシェードは栗色です。赤のトーンはその中間に位置し、くすんで灰色がかった色です。画家はパレット上でシェードを混ぜ合わせます。デジタルデザイナーはHSLの明度値を調整したり、RGB値を下げたりします。

デザインワークにおける色合い

• 輪郭や影を暗くすることで奥行きを出す
• ボタンのホバー状態とアクティブ状態を構築します
• 単色パレットで階層構造を確立する
• 重み、安定性、または真剣さを示唆する

インターフェースデザインでは、シェードは至るところに登場します。マウスオーバーで色が濃くなるボタンも、ベースカラーのシェードを使用しています。影を落とすカードも同様です。重要なのは一貫性です。ベースとなる色相を選び、そこからシェードのファミリーを生成し、それをシステム全体で再利用します。無作為に色を濃くすると、濁った、まとまりのない色になってしまいます。意図的なシェーディングは、視覚的な言語を構築します。