电视灰4
高清荧幕的极浅灰白,像素世界的纯净底色
HEX
#CFD0CFRGB
rgb(207, 208, 207)HSL
hsl(120, 1%, 81%)HSV
hsv(120, 0%, 82%)CMYK
cmyk(0%, 0%, 0%, 18%)HEXA
#CFD0CFFFRGBA
rgba(207, 208, 207, 1)HSLA
hsla(120, 1%, 81%, 1)OKLCH
oklch(93.4%, 0.001, 146)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
HDR字幕
Netflix等平台的字幕默认电视灰4,比纯白更舒适不破坏HDR画面氛围
AI创作
AI图像生成工具的背景移除默认底色,为二次创作提供中性的起点
阅读模式
电子书App的护眼阅读背景,模拟微微泛灰的优质纸张阅读体验
数字相框
电子相册的边框与背景色,让照片在纯净的浅灰中成为视觉焦点
📜 起源与历史
电视灰4是高清数字电视时代的产物。4K与8K屏幕为呈现更丰富的亮部细节,将过去纯白的字幕与界面元素改为极浅灰色,避免高亮度像素长时间显示造成的屏幕老化与用户视觉疲劳。
HDR显示技术的普及让电视灰4的重要性进一步提升。在杜比视界等HDR标准中,电视灰4被用作界面叠加层的基础色,既保证信息可读又不破坏画面原有的光影氛围。
流媒体平台的UI设计规范中,Netflix与Disney+都将电视灰4定为字幕与菜单的默认色彩。设计师发现纯白字幕在暗场景中过于刺眼,而电视灰4能提供更舒适的观影体验。
当下AI图像生成领域,电视灰4常被用作图生图模式中的背景移除后的默认底色。这种接近白纸但略灰的色调为二次创作预留了足够的明度空间,成为AI创意工作流的基础色彩。
🧠 色彩心理学
纯净接近纯白的极浅灰保留了一丝灰度,如同刚洗过的白衬衫般洁净清新
舒适比纯白更护眼的荧幕色,长时间注视也不易疲劳的人性化设计
开放接近空白画布的浅灰色预留最大创作空间,适合创意工作的初始背景
细腻从纯白中微妙分离出的灰度需要仔细分辨,培养对细节的敏感度
秩序流媒体平台统一的字幕色彩规范,以最不打扰的方式建立观看秩序
未来HDR与AI时代的底层色彩,预示视觉技术不断进化的可能性