灰褐
灰褐交融,素雅中性
HEX
#3F3231RGB
rgb(63, 50, 49)HSL
hsl(4, 13%, 22%)HSV
hsv(4, 22%, 25%)CMYK
cmyk(0%, 21%, 22%, 75%)HEXA
#3F3231FFRGBA
rgba(63, 50, 49, 1)HSLA
hsla(4, 13%, 22%, 1)OKLCH
oklch(59.3%, 0.017, 23)LCH
lch(52.6%, 0.8, 272)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#3F3137复制
#3F3231复制
#3F3931三色系3个间隔120°的色相
复制
#3F3231复制
#313F32复制
#32313F分裂互补色主色 + 互补色两侧的颜色
复制
#3F3231复制
#313F39复制
#31373F互补色2个间隔180°的色相
复制
#3F3231复制
#313E3F矩形双互补色4个形成矩形的色相
复制
#3F3231复制
#373F31复制
#313E3F复制
#39313F单色系单一色相,变化饱和度和亮度
复制
#000000复制
#060504复制
#3F3231复制
#795F5D复制
#AB9392♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
城市规划
灰褐色用于城市建筑外墙和公共设施,协调城市景观,减少视觉混乱。
办公空间
灰褐色在办公环境和商业空间中营造冷静专业的氛围,提升工作效率。
公共交通
灰褐色用于地铁站和公交设施的装饰,耐脏且不易显旧。
都市时装
灰褐色在都市风格服装中表现沉稳低调,适合商务和日常通勤场合。
📜 起源与历史
灰褐是RAL 8019标准色,是灰色与褐色的精妙平衡。这种色彩在自然界中广泛存在于风化岩石、干燥树皮和城市建筑表面。
工业时代,灰褐色因其耐脏和低调的特性,成为城市基础设施和工业设备的标准涂装色。铁路轨道、桥梁和工厂设备多采用灰褐色调。
20世纪中期,灰褐色随着现代主义建筑的兴起而被广泛使用。包豪斯学派主张色彩服务于功能,灰褐色因其克制和实用的特质获得了建筑师们的青睐。
当代设计中,灰褐色在城市规划和公共空间设计中发挥着重要作用。它是城市色彩的调和者,在五彩缤纷的城市景观中提供视觉的稳定支点。
灰褐色也是当前流行的侘寂风和赤陶风中的关键色彩,以其冷静而温暖的调性平衡空间中的其他色彩元素。
🧠 色彩心理学
沉静灰褐色如城市中的灰色调,冷静克制,能让人在喧嚣中安静下来。
中性灰褐色兼具灰色和棕色的特质,是最具中性气质的色彩之一。
素雅灰褐色不追求视觉刺激,以素净雅致的调性体现含蓄的审美。
城市灰褐色的现代城市景观中随处可见,是都市色彩的重要组成部分。
可靠灰褐色在工业用途中经过验证,传递出可靠、耐久的品质印象。
包容灰褐色能与各类色彩和谐共处,是设计师手中的色彩调味剂。