墨蓝色
网页标准墨蓝,浓墨般的暗蓝近黑
HEX
#000033RGB
rgb(0, 0, 51)HSL
hsl(240, 100%, 10%)HSV
hsv(240, 100%, 20%)CMYK
cmyk(100%, 100%, 0%, 80%)HEXA
#000033FFRGBA
rgba(0, 0, 51, 1)HSLA
hsla(240, 100%, 10%, 1)OKLCH
oklch(26.4%, 0.183, 264)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
影院氛围
私人影院的墙壁用色,能吸收多余杂光,创造出沉浸式的观影体验。
暗色模式
手机系统或代码编辑器的暗色背景,在深夜使用时提供极致的对比与护眼。
邀请函
烫金工艺在黑蓝色卡纸上,用于高定秀场或顶级晚宴邀请,笔触尊贵内敛。
摇滚专辑
独立乐队的封面或演出海报,墨蓝与噪点肌理叠加,传递阴郁而有力的情绪。
📜 起源与历史
墨蓝色的灵感源于书写用的墨汁在宣纸上渗开的浓淡效果。在中国,文人墨客以松烟或油烟制墨,其色黑中泛紫或青,所谓轻胶十万杵,历久弥新,墨分五色,底色即是墨蓝。
在日本浮世绘中,墨蓝被称为蓝墨,葛饰北斋在《富岳三十六景》中,大量运用普鲁士蓝与墨色叠加,创造出深邃的海洋与夜空。这种色调后来启发了梵高。
进入工业时代,深色墨水在档案记录中代表着永恒与不可篡改。打印机和打字机的墨带也多呈深蓝黑色。这种公文传统令墨蓝在潜意识中建立起了官方和神圣的形象。
21世纪数字设计中,纯黑(#000000)被认为过于生硬。墨蓝作为黑色的优雅替代品,在OLED屏幕上能展现像素级的深邃,同时保持更柔和的视觉过渡,是暗色模式界面的宠儿。
🧠 色彩心理学
内省像在与世隔绝的深夜书房中沉思,灵魂沉入黑暗以寻找更敏锐的知觉。
孤高不屑于五光十色的喧嚣,默然固守自我准则,一种清醒的抽离感。
包容吞噬万物投影的色彩,像黑洞般接纳所有错误,是绝对秘密的守护色。
酝酿代表黎明前最深沉的黑暗,所有生命的爆发力都在此色中无声积蓄。
典雅比纯黑多了一丝微妙的幽光,如绅士的礼服,在细节中透出不俗品位。
无际如同望向无星无月的夜空边际,模糊了空间的界限,催生哲学的追问。