墨蓝色

网页标准墨蓝,浓墨般的暗蓝近黑

HEX#000033
RGBrgb(0, 0, 51)
HSLhsl(240, 100%, 10%)
HSVhsv(240, 100%, 20%)
CMYKcmyk(100%, 100%, 0%, 80%)
HEXA#000033FF
RGBArgba(0, 0, 51, 1)
HSLAhsla(240, 100%, 10%, 1)
OKLCHoklch(26.4%, 0.183, 264)
LCHlch(12.2%, 79.3, 303)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#001933
复制
#000033
复制
#190033
三色系3个间隔120°的色相
复制
#000033
复制
#330000
复制
#003300
分裂互补色主色 + 互补色两侧的颜色
复制
#000033
复制
#331A00
复制
#1A3300
互补色2个间隔180°的色相
复制
#000033
复制
#333300
矩形双互补色4个形成矩形的色相
复制
#000033
复制
#33001A
复制
#333300
复制
#00331A
单色系单一色相,变化饱和度和亮度
复制
#000000
复制
#000000
复制
#000033
复制
#000099
复制
#0000FF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#8A8AFF对比度 6.8:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#A142FF对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#A300A3对比度 2.9:1Fail
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#8A0000对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#00000F复制
#000014复制
#00001A复制
#00001F复制
#000029复制
#00002E复制
#000033复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#0F0F24复制
#0D0D26复制
#0A0A29复制
#08082B复制
#05052E复制
#030330复制
#000033复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#05050A复制
#06060E复制
#060614复制
#050519复制
#050524复制
#03032B复制
#000033复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#000D33复制
#000933复制
#000433复制
#000033复制
#040033复制
#080033复制
#0D0033复制

💡 适用场景

🎬

影院氛围

私人影院的墙壁用色,能吸收多余杂光,创造出沉浸式的观影体验。

📱

暗色模式

手机系统或代码编辑器的暗色背景,在深夜使用时提供极致的对比与护眼。

🖋️

邀请函

烫金工艺在黑蓝色卡纸上,用于高定秀场或顶级晚宴邀请,笔触尊贵内敛。

🎸

摇滚专辑

独立乐队的封面或演出海报,墨蓝与噪点肌理叠加,传递阴郁而有力的情绪。

📜 起源与历史

墨蓝色的灵感源于书写用的墨汁在宣纸上渗开的浓淡效果。在中国,文人墨客以松烟或油烟制墨,其色黑中泛紫或青,所谓轻胶十万杵,历久弥新,墨分五色,底色即是墨蓝。

在日本浮世绘中,墨蓝被称为蓝墨,葛饰北斋在《富岳三十六景》中,大量运用普鲁士蓝与墨色叠加,创造出深邃的海洋与夜空。这种色调后来启发了梵高。

进入工业时代,深色墨水在档案记录中代表着永恒与不可篡改。打印机和打字机的墨带也多呈深蓝黑色。这种公文传统令墨蓝在潜意识中建立起了官方和神圣的形象。

21世纪数字设计中,纯黑(#000000)被认为过于生硬。墨蓝作为黑色的优雅替代品,在OLED屏幕上能展现像素级的深邃,同时保持更柔和的视觉过渡,是暗色模式界面的宠儿。

🧠 色彩心理学

内省像在与世隔绝的深夜书房中沉思,灵魂沉入黑暗以寻找更敏锐的知觉。
孤高不屑于五光十色的喧嚣,默然固守自我准则,一种清醒的抽离感。
包容吞噬万物投影的色彩,像黑洞般接纳所有错误,是绝对秘密的守护色。
酝酿代表黎明前最深沉的黑暗,所有生命的爆发力都在此色中无声积蓄。
典雅比纯黑多了一丝微妙的幽光,如绅士的礼服,在细节中透出不俗品位。
无际如同望向无星无月的夜空边际,模糊了空间的界限,催生哲学的追问。