色彩分为颜色和非颜色角度，其中黑白灰属于非颜色范围，其他角度颜色属于颜色。任何颜色都有三种颜色属性。即色彩的两个要素，即色调、明度和纯度。这三个性质相对独立。但它们相互关联、相互制约，共同形成一种或一组颜色关系。在交互界面中使用颜色时，颜色之间存在交互。颜色、色调、明度和纯度这两个属性相互匹配，表现出与交互环境相匹配的一系列属性。因此，我们应该从颜色的两个属性开始。它能更好地利用色彩，适应各种交互环境，保证交互工作效率的最大化

一、色相

色彩有变化。我们把这种色调的倾向称为色调。这是区分一种颜色和另一种颜色的主要因素。红色、橙色、黄色、绿色、绿色、蓝色和紫色构成色调环中的基本色调。由于色调的不同，在色彩组合的过程中，会出现相邻色、相似色、中美色、对比色、互补色等色彩组合，不同的色彩组合因其自身的因素给用户带来不同的认知。因此，它们在功能和使用场景上也存在差异。

（1）相邻色彩及交互设计

我们把与角相位环t相邻30°内的两种颜色称为相邻颜色。相邻颜色的颜色组合是弱对比类型，如红橙对比、黄橙对比等，这种弱对比形成了模糊的视觉层次和较低的认知清晰度。视觉负相小。更适合长期或近距离的用户体验。

二、明度

颜色的轻盈。也就是说，颜色的亮度。指颜色的阴影变化。由于不同颜色物体反射光的不同，产生了牛色的明暗。颜色的明度可以分为两种。--物种的颜色是一样的。同一颜色混合黑色或白色产生各种不同的色调：另一种是不同色调的不同色调。光与颜色深度的关系可以带来丰富的视觉层次感，而瓷砖界面由于颜色的明暗变化也具有空间层次感。同时，亮度变化的视觉进程也可以在一定程度上指导用户的操作。

明度对比是交互设计中最重要的因素之一。色彩层次与空间的关系主要取决于色彩的明度。明度对比度也决定了颜色形状的识别。元素的识别在很大程度上取决于图形颜色的亮度与周围颜色的对比度。增强色彩的明暗差是提高色彩识别率、突出英雄形象的基本条件。同一色调的颜色，黑色和白色，用不同的竿或不同颜色的颜色会产生牛的颜色色彩、明暗的结合。这种明暗关系丰富了界面空间，给用户提供了丰富的视觉层次。它允许用户在界面上识别重要信息和次要信息。快找到你需要的。

研究显示,降低背景的亮度。它可以突出显示前景和背景之间的层次关系。增强前景的视觉中心。有效地使用户能够专注于特定的信息。所以很多网站在弹出框出现时会降低背景亮度，这样用户就可以将视觉中心移到弹出框上，减少周围元素的干扰，快速识别弹出框上的信息。有效缩短反应时间。当您想突出显示界面中的一个重要信息时，还可以降低其他元素的亮度。这样，用户的注意力可以有效地集中在特定的信息上。