沈墨
主编 · 视觉方向
十年界面设计经验,负责配色体系与视觉类内容的撰写与终审。
我们花了很长时间,只研究一件事:当画面只剩下黑,剩下的是什么。这里记录我们对 纯黑色背景 的全部理解——从色彩原理到落地实操,写给每一位真正要用它的人。
走进我们纯黑色背景指南(chun-hei-se.cn)不是一个卖素材的站,也不是一个堆代码片段的博客。它更像一间长期开着灯的小工作室——几位做视觉、做前端、做内容的人,把日常工作中反复被问到的问题,一条条拆开、写下来。
我们专注的方向非常窄:纯黑色背景。听起来像是个小到不能再小的切口,但真正动手做过的人都知道,黑色是最不听话的颜色。同一段 #000000,放在 OLED 屏上是干净利落的深空,放在普通 IPS 屏上却可能因为背光漏光变成一片发灰的雾;同样的黑,配暖色文字显得沉稳,配冷色文字却显得廉价。这些差别不会被写进设计规范里,只能靠一次次试出来。
所以我们做的事情,本质上是把「试错」这件事提前替读者做完。你去查一个配色方案,我们希望你看到的不只是十六进制色值,还有它在什么屏幕上会失真、在什么场景下会显得压抑、和哪种字体搭配才不会糊成一团。这些细节,才是「纯黑色背景」真正难的地方。
我们坚持的理念只有一条:不写自己没验证过的话。涉及具体数值、具体设备表现、具体工具行为的描述,我们尽量给出可复现的条件;如果某个说法只在特定环境下成立,我们会把条件一起写出来,而不是把它包装成放之四海皆准的结论。
这也是我们愿意长期做下去的原因。它足够小,小到可以认真;又足够深,深到永远讲不完。
我们不太喜欢把时间线写成「里程碑式的大事件」,因为这里没有什么惊天动地的转折。真实的过程更像是:某天有人问了一个问题,我们答不上来,于是去查、去试,然后顺手记下来。记录攒多了,就成了现在这个站。
最初只是团队内部共享的一份文档,整理常用深色底与文字色组合,用来统一几个小项目的视觉语言。
发现同一套配色在不同设备上表现差距明显,于是补充了屏幕类型、亮度条件等前提说明,笔记开始有了「条件」这一栏。
把散落的笔记整理成可公开访问的页面,第一版只有配色与基础概念两块内容,结构简单但坚持逐条标注来源。
读者反馈里问得最多的是「具体怎么做」,于是补充了操作步骤与常见误区,把理论落到可执行的层面。
每条涉及数值与设备表现的描述,发布前由第二位编辑独立复核,无法确认的内容直接留空而不是补一个大概。
补齐品牌说明、编辑署名与投诉通道,让读者知道内容背后是谁在写,也方便版权方直接找到我们。
本站内容全部由署名编辑撰写与复核,不使用批量生成的填充文本。以下是主要参与者的分工,笔名沿用至今。
主编 · 视觉方向
十年界面设计经验,负责配色体系与视觉类内容的撰写与终审。
技术编辑 · 前端方向
关注深色模式实现与渲染性能,负责代码相关内容的可复现性验证。
内容编辑 · 场景方向
负责应用场景与用户问答整理,擅长把专业问题翻译成能听懂的话。
审校 · 事实核查
负责数值、设备表现与来源标注的二次核对,宁可留空也不补猜测。
如果你只把黑色当成「不填颜色」,那它确实简单。可一旦你开始在意观感、在意别人在不同设备上看到的效果,问题就一个接一个地冒出来。下面这三件事,是我们认为最值得先弄明白的。
很多人以为 #000000 就是黑的极限,其实在屏幕上它只是一个数值。真正决定你看到多黑的,是屏幕本身的对比能力与周围环境的亮度。OLED 屏幕因为像素自发光,显示纯黑时可以完全关闭该像素,所以黑得干净;而传统 LCD 屏幕靠背光常亮,即使显示黑色也会有一层微弱的光透出来,看起来偏灰。这就解释了为什么同一张图,在手机上看着高级,搬到笔记本上就有点「脏」。
应对办法不是去调色值,而是调整对它的预期,并在设计时留出余量。如果你的作品主要在 LCD 设备上被观看,可以考虑用极深的灰(例如接近 #0a0a0a 的层级)替代绝对黑,视觉上更接近你想要的「黑」,也避免了背光带来的发灰感。这不是妥协,而是理解媒介之后的主动选择。
浅色背景上我们可以靠颜色深浅来区分主次,但到了黑底上,这套逻辑会失效——因为可用的「更黑」几乎没有。这时候真正起作用的是亮度层级:主标题用接近纯白的浅色,正文降一档,辅助信息再降一档,靠明度差建立秩序。如果所有文字都用同一种白,页面会显得平,读者也找不到重点。
另一个容易被忽略的点是字重。黑底上的细体字会因为视觉膨胀感而显得比实际更细,笔画容易断。适当加粗或换用笔画更饱满的字体,会比单纯提高亮度更有效。
只有在 OLED 或类似自发光屏幕上,纯黑才真正减少功耗。LCD 屏幕背光始终开启,黑底并不会明显省电,甚至可能因为对比度调节而略有增加。
观感舒适与否取决于环境光与屏幕亮度的匹配。在明亮环境里用低亮度的黑底界面,反而需要更费力地辨认,长时间阅读未必轻松。
阅读长文、展示摄影作品、强调质感的场景适合黑底;而需要快速扫读的表格、密集表单,浅底往往效率更高。选对场景比选对色值更重要。
说到这里,也想坦白一句:本站涉及设备表现、屏幕差异的描述,都基于我们实际接触过的设备与环境,无法覆盖市面上所有型号。如果你手上的设备表现与文中不同,那很正常,也欢迎写信告诉我们,我们会把条件补充得更清楚。信息以公开资料与实测为准,没有把握的部分,我们宁可留白。
为了让每一位读者清楚我们做什么、不做什么,以下几条请务必了解。
下面是读者问得最多的问题,答案尽量给到具体,不做空泛表态。
通常所说的纯黑色背景,指的是接近或等于 #000000 的底色,也就是 RGB 三通道全部为零。它和常见的深灰、深蓝深色背景最大的区别在于「没有可压缩的余量」——深灰还能再暗一点,纯黑已经到底。这带来两个直接后果:一是层次只能靠亮色元素来建立,二是屏幕本身的发灰程度会完全暴露出来。想深入理解这一点,可以继续看 深度解读 里关于屏幕差异的部分。
从技术角度看它完全安全,任何现代浏览器和显示设备都能正确渲染。真正需要注意的是可读性:黑底上的文字如果亮度不够,长时间阅读会吃力;如果亮度拉满,又会刺眼。稳妥的做法是把正文文字的亮度控制在纯白的九成左右,并适当增加行高。另外,在强光环境下使用低亮度的黑底界面,辨认成本会上升,这一点在户外场景尤其明显。
不需要。本站所有内容均为公开阅读,没有账号体系,也不要求提交任何个人信息。我们不收集与内容阅读无关的数据。若你主动通过邮件联系我们,我们只会使用你提供的联系方式回复该次沟通,不会用于其他用途。
建议按「先理解、再动手」的顺序来:先弄清黑色在不同屏幕上的表现差异,再确定你的目标设备与观看环境,最后才去调整具体色值。如果一上来就纠结十六进制数字,很容易在错误的设备上做出看似正确、实际发灰的结果。实操过程中如果遇到判断不了的细节,可以参考 内容定位说明 里我们标注信息的边界。
不完全是。深色模式是一套完整的界面策略,它通常不会使用绝对黑,而是用深灰作为底色,以保留一定的层次和阴影表达空间。纯黑色背景更像是深色模式光谱上的一个极端点。两者目标不同:深色模式追求长时间使用的舒适与一致性,纯黑则更强调质感、对比和沉浸感。选择哪一个,取决于你的内容想传达什么。
我们保持不定期更新,有新的验证结果或读者提出有价值的问题时会补充内容,不追求固定频率。如果你发现文中描述有误、来源标注不清,或想补充某个设备上的实际表现,欢迎通过联系邮箱告诉我们。涉及事实性错误的反馈,我们会优先核实并尽快修正,必要时会在文中注明修改。
无论是内容纠错、版权沟通还是合作咨询,都可以直接写信给我们。工作日内的邮件我们通常会在两个工作日内回复。