褐色
大地基调,质朴无华的中性暖色
HEX
#8B5A2BRGB
rgb(139, 90, 43)HSL
hsl(29, 53%, 36%)HSV
hsv(29, 69%, 55%)CMYK
cmyk(0%, 35%, 69%, 45%)HEXA
#8B5A2BFFRGBA
rgba(139, 90, 43, 1)HSLA
hsla(29, 53%, 36%, 1)OKLCH
oklch(72.7%, 0.074, 74)LCH
lch(68.1%, 25.5, 89)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#8C2B2D复制
#8B5A2B复制
#8C8B2B三色系3个间隔120°的色相
复制
#8B5A2B复制
#2B8C5A复制
#5A2B8C分裂互补色主色 + 互补色两侧的颜色
复制
#8B5A2B复制
#2B8C8B复制
#2B2D8C互补色2个间隔180°的色相
复制
#8B5A2B复制
#2B5D8C矩形双互补色4个形成矩形的色相
复制
#8B5A2B复制
#2D8C2B复制
#2B5D8C复制
#8B2B8C单色系单一色相,变化饱和度和亮度
复制
#000000复制
#3E2813复制
#8B5A2B复制
#CA8D53复制
#E2C1A1♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
家居软装
褐色是营造温馨居家氛围的首选,皮质沙发、原木地板搭配棉麻织物,打造松弛感空间
餐饮品牌
咖啡店、面包坊等品牌视觉常用褐色,传递手工、醇厚与食材本真的品牌精神
服饰皮具
褐色皮鞋、皮带与箱包是商务休闲经典,比黑色柔和、比白色耐脏,历久弥新
复古设计
在怀旧海报、文创包装中,褐色纸张纹理与旧化效果赋予设计物时间沉淀的质感
📜 起源与历史
褐色是人类最早使用的颜色之一,其历史可追溯至旧石器时代的洞穴壁画。史前人类利用赭石、黏土等天然矿物混合动物油脂,在岩壁上描绘狩猎场景,这些留存万年的褐色线条见证了人类文明的起源。
在古代文明中,褐色是农业社会的底色。美索不达米亚的泥板文字、古埃及的纸莎草画,皆以褐色为主要色调。它代表耕种的土地与建造的泥土,是劳动人民服饰中最常见的颜色,承载着朴实无华的生活哲学。
中世纪至文艺复兴时期,褐色在艺术领域地位显赫。圣方济各会修士身着褐色粗呢长袍象征谦卑,列奥纳多·达·芬奇善用褐色作底色创造层次感,伦勃朗更是以褐色调营造戏剧光影,赋予褐色庄重与神圣的艺术内涵。
工业革命后,褐色从贵族审美回归大众。随着咖啡、巧克力的普及,褐色成为日常生活情调的代名词。19世纪浪漫主义兴起,人们对自然土地的向往使褐色在家具与室内装饰中大量应用,成为舒适生活的象征。
现代设计中,褐色是可持续与自然美学的核心。从北欧风的原木家具到极简主义的陶土元素,褐色传递环保理念。数字时代中,褐色被赋予复古滤镜的怀旧意味,成为连接过去与现在的视觉纽带。
🧠 色彩心理学
朴实唤起对土地、木石等自然元素的直接联想,不事张扬,令人感到可靠与真实
稳健沉着而不轻浮,如同深扎的树根,赋予人持续的安全感与信赖感
亲切咖啡、可可等联想让褐色充满温度,能拉近人与物的心理距离
包容作为中性色,褐色能与绝大多数色彩和谐共处,体现兼容并蓄的态度
怀旧自带时光沉淀的气息,如同老照片与旧皮革,唤醒温暖的往事与记忆
自然直接关联泥土、岩石与植物纤维,满足人对原始自然本能的向往与归属感