中灰色
不深不浅的中间灰，平衡万物的中庸之道
HEX
#969696RGB
rgb(150, 150, 150)HSL
hsl(0, 0%, 59%)HSV
hsv(0, 0%, 59%)CMYK
cmyk(0%, 0%, 0%, 41%)HEXA
#969696FFRGBA
rgba(150, 150, 150, 1)HSLA
hsla(0, 0%, 59%, 1)OKLCH
oklch(83.8%, 0, 90)LCH
lch(81.2%, 8.5, 214)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#969696复制
#969696复制
#969696三色系3个间隔120°的色相
复制
#969696复制
#969696复制
#969696分裂互补色主色 + 互补色两侧的颜色
复制
#969696复制
#969696复制
#969696互补色2个间隔180°的色相
复制
#969696复制
#969696矩形双互补色4个形成矩形的色相
复制
#969696复制
#969696复制
#969696复制
#969696单色系单一色相，变化饱和度和亮度
复制
#303030复制
#636363复制
#969696复制
#C9C9C9复制
#FCFCFC♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
UI组件
按钮边框与分割线等界面组件的基础色，定义数字产品的视觉层级
建筑混凝土
清水混凝土墙面的本色呈现，粗犷的材质肌理与中灰色调完美契合
运动鞋款
New Balance等品牌的经典元祖灰配色，跨越潮流周期的永恒选择
数据图表
Excel与Tableau默认图表的网格线色彩，让数据阅读更加舒适高效
📜 起源与历史
中灰色位于黑白之间的正中位置，是灰阶的黄金分割点。在19世纪的摄影化学实验中，中灰色成为测定胶片感光度的基准色调，直接影响着整个银盐时代的影像美学。
包豪斯设计学院将中灰色纳入基础色彩教学体系。约翰内斯·伊顿的色彩理论课程中，中灰色被视为中性色的代表，学生需通过混色练习理解灰色的冷暖倾向与视觉平衡作用。
二战后的国际主义平面设计风格大量使用中灰色作为网格底色。瑞士设计师约瑟夫·米勒-布罗克曼的海报作品中，中灰色承担着组织信息层级的核心功能，成为理性设计的美学符号。
中国改革开放后的城市建筑中，中灰色被选为北京胡同与上海弄堂的统一墙面色彩。这种不张扬的色调在保护历史风貌与适应现代审美之间找到了平衡点。
🧠 色彩心理学
中庸不偏不倚的中间位置呼应儒家中庸思想，是平衡各方矛盾的色彩方案
理性不带情感色彩的中立态度，适合需要冷静分析与客观判断的场景
务实放弃极端黑白的选择，体现脚踏实地、不走极端的现实主义精神
平凡最常见的灰色调无需特别关注，暗合大众化、平民化的生活美学
秩序作为网格与边框的基础色，中灰色为混乱的视觉信息建立清晰的组织结构
适应随环境变化而改变视觉感受的超强适应性，体现灵活变通的生存智慧