混凝土灰
未加修饰的水泥本色,粗粝真实的工业美学宣言
HEX
#81847FRGB
rgb(129, 132, 127)HSL
hsl(96, 2%, 51%)HSV
hsv(96, 4%, 52%)CMYK
cmyk(2%, 0%, 4%, 48%)HEXA
#81847FFFRGBA
rgba(129, 132, 127, 1)HSLA
hsla(96, 2%, 51%, 1)OKLCH
oklch(80%, 0.005, 132)LCH
lch(76.9%, 8.6, 202)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#848580复制
#81847F复制
#808580三色系3个间隔120°的色相
复制
#81847F复制
#808285复制
#858082分裂互补色主色 + 互补色两侧的颜色
复制
#81847F复制
#808085复制
#858084互补色2个间隔180°的色相
复制
#81847F复制
#838085矩形双互补色4个形成矩形的色相
复制
#81847F复制
#808485复制
#838085复制
#858080单色系单一色相,变化饱和度和亮度
复制
#1C1D1B复制
#4F514D复制
#81847F复制
#B5B7B4复制
#E8E9E8♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
清水混凝土
安藤忠雄式的建筑墙面,以极致光滑的灰色表面诠释禅意空间美学
生产力工具
Notion与Linear等效率软件的侧边栏底色,营造专注的工作氛围
工业风住宅
裸露的混凝土天花板与墙面,搭配金属与皮革家具打造粗犷而温馨的住所
花盆器皿
混凝土灰色花盆搭配多肉植物,粗粝质感与鲜活生命形成诗意对比
📜 起源与历史
混凝土灰的历史可追溯至古罗马时期。万神殿的穹顶由罗马混凝土浇筑而成,其未加修饰的灰色表面历经两千年仍完好如初,证明了混凝土灰与永恒建筑之间的天然联系。
现代混凝土的诞生归功于1824年英国人约瑟夫·阿斯普丁发明的波特兰水泥。这种在高温下烧结后研磨而成的灰色粉末与水混合后硬化,其标准灰色调成为工业革命建筑浪潮的视觉标志。
20世纪50年代,日本建筑师安藤忠雄将混凝土灰升华为一种艺术语言。他设计的住吉长屋与光之教堂以极致光滑的清水混凝土灰色墙面挑战传统美学,让粗粝的工业材料获得了禅意。
当代UI设计领域,混凝土灰被广泛用于生产力工具的界面配色。Notion与Linear等工具采用混凝土灰作为侧边栏底色,营造专注而不失温度的工作氛围。
🧠 色彩心理学
粗粝未经修饰的水泥本色保留施工痕迹,以诚实的态度呈现材质本身
坚固混凝土的物理强度转化为心理层面的可靠与安稳感
禅意安藤忠雄式的清水混凝土美学证明,最朴素的灰色也能抵达精神的澄明
包容如同城市中容纳一切的混凝土建筑,色彩上的低调成就功能的强大
务实剔除一切装饰的纯粹功能色,体现对本质而非表象的追求
当代现代都市的基础色彩,从建筑到界面无处不在的当代生活背景