色に白を加えると、ティント（淡色）になります。それが定義のすべてです。ピンクは赤のティントです。スカイブルーは青のティントです。パステルカラーはすべて、より彩度の高い色のティントです。

混乱が生じるのは、人々が日常会話で「ティント」と「シェード」を混同して使うためです。色彩理論では、これらは正反対の概念です。シェードは黒を加え、トーンは灰色を加え、ティントは白を加えます。3つの異なる操作で、3つの異なる結果が得られます。HSLで作業するデザイナーは、明度を上げることでティントを作成できます。画家は白い顔料を混ぜることでティントを作成します。

デザインシステムにおける色合い

• ベースカラーよりも明るいホバー状態を作成する
• 同じ色相系統の背景色を作成する
• 軽やかさ、柔らかさ、親しみやすさを示唆する
• 色相を変えずに視覚的な階層構造を確立する

多くのデザインシステムでは、単一のベースカラーから色調スケールを生成します。通常は、ほぼ白からほぼ黒まで10段階の色調変化です。マテリアルデザインとAppleのヒューマンインターフェースガイドラインはどちらも色調スケールを採用しています。利点は一貫性です。システム内のすべてのライトブルーは同じレシピから作られています。欠点は、変化をつけずにスケールを使用すると単調になることです。色調は、構成のどこかに強い基調色と組み合わせることで最も効果を発揮します。