明度是指色的明暗程度，也可以称色的亮度、深浅。若把无彩色的黑白作为两个极端，在中间根据明度的顺序，等间隔地排列出若干个灰色，就成为明度阶段，靠近白端为高明度色，靠近黑端为低明度色，中间部分为中明度色。明度阶段从无色彩的角度来看，很容易区分明暗程度，但是混合了色相明暗度就不是那么容易区分乐。
1.高明度
玉兰油白里透红美白霜的广告网站可以看作为高明度型站点的典型参考，主色（白色）是明度最高的颜色，辅助色是明度很高的蓝色，营造出轻快、爽洁的氛围，是二十岁左右年轻女性十分青睐的风格。
kindle是亚马逊的阅读软件，主要用于阅读亚马逊销售的电子书。界面以白色为主，简洁、明亮、干净。在高明度的环境中，强调色蓝色重点突出了书籍名称等相关信息，而强调色橙色主要用于交互操作的提示和用户评价的星级。阅读软件需要显示大量信息和图片，因此高明度为主色是一个很不错的选择。
2.中明度
中明度色彩是网站配色中最常见的，比例高于高明度和低明度的网站。1号店“现今好礼天天见”专题广告网站中的主色彩用中明度的橙色，生动富于亲和力；而中间区域较低明度的青绿色的运用，使活跃气氛中多一些安静，便于受众阅读内容。
storific是法国一款基于地理位置服务的订餐软件，除了对商家进行筛选，提供附近餐馆的信息、距离以及可提供的美食服务之外，当用户进入餐厅后，storific还会自动生成该餐厅的菜单供你点菜。用户使用storific点餐后，餐厅的后厨会自动收到订单并及时进行处理。
storific的界面保持了很好的一致性，整个视觉体验都很流畅。采用中明度天蓝色作为主色，搭配着钴蓝、深蓝、白色、深灰，界面运用了一些色调的渐变，给人一种较强的韵律感，能让界面的色彩层次更加丰富。橙色作为主色的互补色，用作界面的强调色，面积大小控制得很好，起到了画龙点睛得效果。界面一些图标、按钮、文本链接，都采用玻璃质感，比较整体
化。
3.低明度
当色彩得明度降低时，人们会使用“变深”或“变暗”去形容它，往往能与沉重、冷峻、成熟等印象联系起来。路虎揽胜极光网站通过整体低明度得塑造凸显酷劲十足得个性风格。
音悦台时国内主流得高清mv分享平台，用户不仅可以在应用中欣赏喜欢得mv，还可以把自己得分享推荐给好朋友，此应用界面以黑色为主、灰色为辅助色，强调色为了与整体色调统一、选用了时明度较低得黄绿色。黑色时色彩中明度最低得色彩，低明度给整个界面营造了一种时尚、神秘得艺术氛围。