在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个页面的平衡与统一。本文将从一些实际案例出发，阐述“灰色”在Web交互设计中的8类应用。
首先让Mr.Gray 来做个简单的自我介绍吧：
狭义的 Mr.Gray
狭义的Mr.Gray, 是指没有色相与纯度，只有明度，将黑色和白色混和而成的一种中间色。 依据不同分类方法可大体分为浅灰与深灰两种，亦可分为暖灰与冷灰。
相对来说，其特征为视认性不高，经久耐看，不因过份的鲜明而刺眼，中立而温和。
图例暖灰与冷灰
广义的 Mr.Gray
广义的Mr.Gray是指一切具有中性、温和、不鲜明的现象与事物。在下文中所指的Mr.Gray,均指的是广义的Mr.Gray。
如果把所有的颜色混在一起，会是什么颜色？其实Mr.Gray 并不孤独。
Mr.Gray是一位相当有魅力的绅士。阅历越深，就越能懂得他的价值。
Mr.Gray好比是形状中的圆角，可以调和一些矛盾，使得它们不再尖锐。
下面让我们来看看大家对Mr.Gray的印象吧：
