纯灰色
纯粹无杂的中性灰,极简主义的灵魂底色
HEX
#808080RGB
rgb(128, 128, 128)HSL
hsl(0, 0%, 50%)HSV
hsv(0, 0%, 50%)CMYK
cmyk(0%, 0%, 0%, 50%)HEXA
#808080FFRGBA
rgba(128, 128, 128, 1)HSLA
hsla(0, 0%, 50%, 1)OKLCH
oklch(79.5%, 0, 90)LCH
lch(76.2%, 8.1, 214)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#808080复制
#808080复制
#808080三色系3个间隔120°的色相
复制
#808080复制
#808080复制
#808080分裂互补色主色 + 互补色两侧的颜色
复制
#808080复制
#808080复制
#808080互补色2个间隔180°的色相
复制
#808080复制
#808080矩形双互补色4个形成矩形的色相
复制
#808080复制
#808080复制
#808080复制
#808080单色系单一色相,变化饱和度和亮度
复制
#1A1A1A复制
#4D4D4D复制
#808080复制
#B3B3B3复制
#E6E6E6♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
室内墙面
极简风格空间的大面积用色,搭配白色踢脚线与原木家具,营造克制的居住氛围
UI设计
作为界面底色或文字色,提供舒适的阅读对比度,是数字产品的功能色标配
职业着装
灰色西装或大衣是商务着装的安全牌,体现专业与低调的高级感
摄影灰卡
18%标准灰卡用于相机白平衡校准,是摄影曝光与色彩校正的基础工具
📜 起源与历史
纯灰色的概念可追溯至19世纪摄影术的诞生。早期黑白摄影中,灰阶是介于纯白与纯黑之间的全部可能性,而中性灰卡即18%灰成为测光标准,奠定了纯灰色在视觉领域的基准地位。
20世纪初,现代主义建筑运动兴起。勒·柯布西耶等大师推崇混凝土与钢材的本色,纯灰色作为未经修饰的工业底色,成为包豪斯风格与极简主义的核心色彩语言。
在数字时代,纯灰色(#808080)是网页安全色之一,被HTML 4.0规范收录。它是RGB色彩空间中红绿蓝完全均等的唯一点之一,象征着数字世界的中立与平衡。
东方美学中,纯灰色呼应水墨画墨分五色的焦墨层次。虽不似西方那般强调绝对中性,但宋徽宗雨过天青云破处的审美追求中,灰调同样是天青与墨色之间的重要过渡。
🧠 色彩心理学
中立纯灰色不偏不倚,不带任何色彩倾向,是最客观中性的色彩,适合需要冷静判断的场合
平衡处于黑白之间,代表对立面的调和与统一,让人感受到秩序感与内在的稳定
克制压抑情绪表达,体现理性与自律精神,是成熟心智的外在映射
孤寂缺乏色彩的温度,带有一丝疏离感,唤起都市生活中个体的孤独体验
包容作为万能过渡色,能容纳所有色彩而不冲突,体现兼容并蓄的胸怀
永恒不受潮流变迁影响,是时间沉淀后的经典,象征恒久不变的品质感