灰紫色
素雅沉静的远山烟雨之色
HEX
#8A7F8ARGB
rgb(138, 127, 138)HSL
hsl(300, 4%, 52%)HSV
hsv(300, 8%, 54%)CMYK
cmyk(0%, 8%, 0%, 46%)HEXA
#8A7F8AFFRGBA
rgba(138, 127, 138, 1)HSLA
hsla(300, 4%, 52%, 1)OKLCH
oklch(80.1%, 0.013, 326)LCH
lch(76.7%, 7.9, 248)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#858089复制
#8A7F8A复制
#898085三色系3个间隔120°的色相
复制
#8A7F8A复制
#898980复制
#808989分裂互补色主色 + 互补色两侧的颜色
复制
#8A7F8A复制
#858980复制
#808985互补色2个间隔180°的色相
复制
#8A7F8A复制
#808980矩形双互补色4个形成矩形的色相
复制
#8A7F8A复制
#898580复制
#808980复制
#808589单色系单一色相,变化饱和度和亮度
复制
#201D20复制
#554E55复制
#8A7F8A复制
#BAB5BA复制
#EBEAEB♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
办公空间
现代写字楼的接待区或会议室墙面,打造专业、冷静的商务氛围。
商务服饰
西装、领带或手袋采用灰紫色,适合金融、法律等严谨行业的着装需求。
数码产品
智能手机或笔记本电脑的灰色系配色,满足用户对科技感与高级感的追求。
平面设计
杂志排版或品牌画册的背景用色,突出图文主体同时保持整体调性统一。
📜 起源与历史
灰紫色在自然界常见于阴天的远山与雨后的云层,古代东西方文化中皆视其为过渡与中和之色。
中国宋代山水画中,灰紫被用作'烟霭'的表现色,在米芾的墨戏中用于连接虚实,营造苍茫意境。
西方19世纪印象派画家莫奈在干草垛系列中,大量使用灰紫色描绘阴影部分,打破固有色观念。
现代色彩体系中,灰紫色作为中性色被广泛用于工业设计,兼具冷暖平衡的视觉调和功能。
🧠 色彩心理学
沉静灰色介入降低紫色的情绪波动,带来理智与情感的中和,心境趋于平和。
内敛不张扬的色调适合在社交中保持低调,给人以谦逊而不失品格的印象。
成熟褪去鲜艳的稚气,体现阅历带来的稳重与对复杂性的容忍度。
理性偏向中性的表达方式鼓励客观思考,减少偏见与冲动性决策。
疏离缺乏温度的视觉感受可能带来距离感,适合需要专业形象而非亲切感的场合。
包容作为背景色时,灰紫色能容纳多种色彩搭配,体现设计上的兼容并蓄。