电视灰4

高清荧幕的极浅灰白,像素世界的纯净底色

HEX#CFD0CF
RGBrgb(207, 208, 207)
HSLhsl(120, 1%, 81%)
HSVhsv(120, 0%, 82%)
CMYKcmyk(0%, 0%, 0%, 18%)
HEXA#CFD0CFFF
RGBArgba(207, 208, 207, 1)
HSLAhsla(120, 1%, 81%, 1)
OKLCHoklch(93.4%, 0.001, 146)
LCHlch(92.3%, 9.6, 213)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#CFCFCE
复制
#CFD0CF
复制
#CECFCF
三色系3个间隔120°的色相
复制
#CFD0CF
复制
#CECECF
复制
#CFCECE
分裂互补色主色 + 互补色两侧的颜色
复制
#CFD0CF
复制
#CFCECF
复制
#CFCECF
互补色2个间隔180°的色相
复制
#CFD0CF
复制
#CFCECF
矩形双互补色4个形成矩形的色相
复制
#CFD0CF
复制
#CECFCF
复制
#CFCECF
复制
#CFCFCE
单色系单一色相,变化饱和度和亮度
复制
#686A68
复制
#9B9D9B
复制
#CFD0CF
复制
#FFFFFF
复制
#FFFFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#3D3E3D对比度 6.9:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#585A59对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#747676对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#939395对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#3D3E3D复制
#565856复制
#6D6F6D复制
#868886复制
#9D9F9D复制
#B7B8B7复制
#CECFCE复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#CFCFCF复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#3D3D3D复制
#575757复制
#6D6F6D复制
#868886复制
#9D9F9D复制
#B7B8B7复制
#CECFCE复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制
#CECFCE复制

💡 适用场景

📺

HDR字幕

Netflix等平台的字幕默认电视灰4,比纯白更舒适不破坏HDR画面氛围

🎨

AI创作

AI图像生成工具的背景移除默认底色,为二次创作提供中性的起点

📱

阅读模式

电子书App的护眼阅读背景,模拟微微泛灰的优质纸张阅读体验

🖼️

数字相框

电子相册的边框与背景色,让照片在纯净的浅灰中成为视觉焦点

📜 起源与历史

电视灰4是高清数字电视时代的产物。4K与8K屏幕为呈现更丰富的亮部细节,将过去纯白的字幕与界面元素改为极浅灰色,避免高亮度像素长时间显示造成的屏幕老化与用户视觉疲劳。

HDR显示技术的普及让电视灰4的重要性进一步提升。在杜比视界等HDR标准中,电视灰4被用作界面叠加层的基础色,既保证信息可读又不破坏画面原有的光影氛围。

流媒体平台的UI设计规范中,Netflix与Disney+都将电视灰4定为字幕与菜单的默认色彩。设计师发现纯白字幕在暗场景中过于刺眼,而电视灰4能提供更舒适的观影体验。

当下AI图像生成领域,电视灰4常被用作图生图模式中的背景移除后的默认底色。这种接近白纸但略灰的色调为二次创作预留了足够的明度空间,成为AI创意工作流的基础色彩。

🧠 色彩心理学

纯净接近纯白的极浅灰保留了一丝灰度,如同刚洗过的白衬衫般洁净清新
舒适比纯白更护眼的荧幕色,长时间注视也不易疲劳的人性化设计
开放接近空白画布的浅灰色预留最大创作空间,适合创意工作的初始背景
细腻从纯白中微妙分离出的灰度需要仔细分辨,培养对细节的敏感度
秩序流媒体平台统一的字幕色彩规范,以最不打扰的方式建立观看秩序
未来HDR与AI时代的底层色彩,预示视觉技术不断进化的可能性