纯灰色

纯粹无杂的中性灰,极简主义的灵魂底色

HEX#808080
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
HSVhsv(0, 0%, 50%)
CMYKcmyk(0%, 0%, 0%, 50%)
HEXA#808080FF
RGBArgba(128, 128, 128, 1)
HSLAhsla(0, 0%, 50%, 1)
OKLCHoklch(79.5%, 0, 90)
LCHlch(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 正文
高对比文字
#FFFFFF对比度 3.9:1AA Large
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#FFFFFF对比度 3.9:1AA Large
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#E0E0E0对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#B8B8B8对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#262626复制
#363636复制
#454545复制
#525252复制
#616161复制
#707070复制
#808080复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#262626复制
#363636复制
#454545复制
#525252复制
#616161复制
#707070复制
#808080复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制
#808080复制

💡 适用场景

🏠

室内墙面

极简风格空间的大面积用色,搭配白色踢脚线与原木家具,营造克制的居住氛围

💻

UI设计

作为界面底色或文字色,提供舒适的阅读对比度,是数字产品的功能色标配

👔

职业着装

灰色西装或大衣是商务着装的安全牌,体现专业与低调的高级感

📷

摄影灰卡

18%标准灰卡用于相机白平衡校准,是摄影曝光与色彩校正的基础工具

📜 起源与历史

纯灰色的概念可追溯至19世纪摄影术的诞生。早期黑白摄影中,灰阶是介于纯白与纯黑之间的全部可能性,而中性灰卡即18%灰成为测光标准,奠定了纯灰色在视觉领域的基准地位。

20世纪初,现代主义建筑运动兴起。勒·柯布西耶等大师推崇混凝土与钢材的本色,纯灰色作为未经修饰的工业底色,成为包豪斯风格与极简主义的核心色彩语言。

在数字时代,纯灰色(#808080)是网页安全色之一,被HTML 4.0规范收录。它是RGB色彩空间中红绿蓝完全均等的唯一点之一,象征着数字世界的中立与平衡。

东方美学中,纯灰色呼应水墨画墨分五色的焦墨层次。虽不似西方那般强调绝对中性,但宋徽宗雨过天青云破处的审美追求中,灰调同样是天青与墨色之间的重要过渡。

🧠 色彩心理学

中立纯灰色不偏不倚,不带任何色彩倾向,是最客观中性的色彩,适合需要冷静判断的场合
平衡处于黑白之间,代表对立面的调和与统一,让人感受到秩序感与内在的稳定
克制压抑情绪表达,体现理性与自律精神,是成熟心智的外在映射
孤寂缺乏色彩的温度,带有一丝疏离感,唤起都市生活中个体的孤独体验
包容作为万能过渡色,能容纳所有色彩而不冲突,体现兼容并蓄的胸怀
永恒不受潮流变迁影响,是时间沉淀后的经典,象征恒久不变的品质感