暗青色
深沉稳重的青色,如幽暗湖水般内敛而静谧
HEX
#008B8BRGB
rgb(0, 139, 139)HSL
hsl(180, 100%, 27%)HSV
hsv(180, 100%, 55%)CMYK
cmyk(100%, 0%, 0%, 45%)HEXA
#008B8BFFRGBA
rgba(0, 139, 139, 1)HSLA
hsla(180, 100%, 27%, 1)OKLCH
oklch(74%, 0.126, 195)LCH
lch(71.5%, 47.8, 200)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#008A45复制
#008B8B复制
#00458A三色系3个间隔120°的色相
复制
#008B8B复制
#8A008A复制
#8A8A00分裂互补色主色 + 互补色两侧的颜色
复制
#008B8B复制
#8A0045复制
#8A4500互补色2个间隔180°的色相
复制
#008B8B复制
#8A0000矩形双互补色4个形成矩形的色相
复制
#008B8B复制
#45008A复制
#8A0000复制
#458A00单色系单一色相,变化饱和度和亮度
复制
#000000复制
#002424复制
#008B8B复制
#00F0F0复制
#57FFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
影院设计
家庭影院墙面和电影院走廊的推荐色,最大限度减少反光,营造沉浸观影体验。
汽车内饰
高端车型的氛围灯和座椅缝线配色,夜间驾驶时营造静谧私享的座舱空间。
代码编辑器
程序员深色主题的经典配色,长时间coding不刺眼,保持视觉舒适和专注。
茶室空间
茶室的障子和壁龛配色,在幽暗中体会禅茶一味,是最东方的色彩美学。
📜 起源与历史
暗青色是HTML标准色DarkCyan,其色彩原型可追溯至古代染织技术中靛蓝与铜绿的混合色调。在中国明清时期的丝绸染色中,类似的深青色被称为鸦青或玄青。
19世纪浪漫主义绘画中,暗青色被用于描绘暴风雨来临前的海面和密林深处的幽暗,弗里德里希等画家用它来表现自然界的崇高与神秘。
20世纪,暗青色在电影黑色电影风格中扮演重要角色,导演们用它来营造压抑悬疑的氛围,成为视觉叙事中不可或缺的基调色。
近年来,暗青色在高科技产品设计中被重新发掘,特斯拉等品牌在车内氛围灯中提供暗青色选项,营造未来感和静谧感并存的驾驶体验。
🧠 色彩心理学
静谧如同深夜湖底般的绝对安静,隔绝外界喧嚣,创造一个独处的心理空间。
内敛将所有锋芒和情绪都收敛于深沉之中,是最懂得克制的色彩之一。
深邃暗色调让人无法一眼看穿,仿佛隐藏着无穷的深度和未解之谜。
专注屏蔽杂念的理想色彩,帮助人们在纷扰中专注于眼前最重要的事情。
神秘幽暗的色调自带神秘光环,激发探索欲和想象力,让人想要一探究竟。
笃定不偏不倚的中性暗色传递出内心坚定的力量,如古井般深沉而不波。