暗灰色

光线退却后的暗淡灰,低调内敛不事张扬

HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
HSVhsv(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
HEXA#696969FF
RGBArgba(105, 105, 105, 1)
HSLAhsla(0, 0%, 41%, 1)
OKLCHoklch(74.4%, 0, 90)
LCHlch(70.3%, 7.6, 214)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#696969
复制
#696969
复制
#696969
三色系3个间隔120°的色相
复制
#696969
复制
#696969
复制
#696969
分裂互补色主色 + 互补色两侧的颜色
复制
#696969
复制
#696969
复制
#696969
互补色2个间隔180°的色相
复制
#696969
复制
#696969
矩形双互补色4个形成矩形的色相
复制
#696969
复制
#696969
复制
#696969
复制
#696969
单色系单一色相,变化饱和度和亮度
复制
#030303
复制
#363636
复制
#696969
复制
#9C9C9C
复制
#CFCFCF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#FFFFFF对比度 5.5:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#E8E8E8对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#BFBFBF对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#9C9C9C对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#1F1F1F复制
#2B2B2B复制
#383838复制
#454545复制
#4F4F4F复制
#5C5C5C复制
#696969复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#1F1F1F复制
#2B2B2B复制
#383838复制
#454545复制
#4F4F4F复制
#5C5C5C复制
#696969复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制
#696969复制

💡 适用场景

📝

文档底色

文字编辑器与阅读软件的护眼模式常用暗灰色背景,减轻长时间阅读的视觉疲劳

👖

休闲裤装

暗灰色斜纹裤是男士衣橱的基本款,低调百搭,适应各种非正式场合

🏛️

公共空间

地铁站与停车场地面多用暗灰色环氧地坪,耐脏且传递冷静有序的空间感

🎨

油画底稿

用暗灰色做底色或起稿线,能帮助画家准确判断色彩的明度与冷暖关系

📜 起源与历史

暗灰色(Dim Gray)作为网页标准色被W3C于1999年正式收录。Dim一词在英语中意为暗淡、朦胧,精准描述了这种光线不足状态下的灰色质感,成为互联网早期界面设计的常用底色。

在传统绘画领域,暗灰色是明暗对照法的关键技术要素。文艺复兴大师达·芬奇在《岩间圣母》中大量使用暗灰色渲染岩石与阴影,创造出前所未有的空间纵深感与神秘氛围。

19世纪工业革命期间,暗灰色成为城市的主色调。伦敦、曼彻斯特等工业城市的大气中弥漫着煤烟,建筑外墙逐渐被蒙上一层暗灰色沉积物,无意间塑造了工业时代的城市美学。

进入现代,暗灰色在摄影艺术中地位显赫。安塞尔·亚当斯的区域曝光理论将暗灰色界定为第五区,即中灰的下方,是黑白摄影影调构成中连接亮部与暗部的关键纽带。

🧠 色彩心理学

低调自动退居视觉注意的边缘,不争夺目光,为其他色彩提供最好的衬托
保守缺乏冒险精神的稳妥选择,适合需保持中立、不表态的场合
质朴摒弃光泽与修饰,回归材质本身,体现朴素无华的生活态度
沧桑灰暗的色调暗示时间的磨损,唤起对旧物与往事的怀旧情绪
可靠不轻浮也不压抑的稳重感,给人踏实可信的心理暗示
包容作为背景色时能容纳一切色彩而不产生冲突,是设计中万能的过渡色