lab是设备无关的感知均匀色彩空间，l通道表亮度，a、b通道分别表红绿与黄蓝轴，覆盖人眼可见全色域，数值变化与人眼感知变化高度一致；rgb则是设备相关、非均匀的加色模型。
lab() 色空间本身不比 rgb() “色域更广”——这是常见误解。真正关键在于：lab() 是设备无关的感知均匀色彩空间，而 rgb()（包括 sRGB）是设备相关的、非均匀的加色模型。
lab() 不是“更宽”，而是“更准”
-
lab()的设计目标不是覆盖更多颜色，而是让数值变化与人眼感知变化尽量一致（即“感知均匀性”）。 - 它的
L<em></em>通道对应明度，a和b*分别表示红绿轴与黄蓝轴，整个空间理论上覆盖 CIE 1931 图中人眼可见全部色彩（约 100%），远超 sRGB（≈35%）、Adobe RGB（≈50%）、甚至 display-p3（≈75%）。 - 但注意：
lab(50, 0, 0)这样的值只是坐标，它不自动“变出”新颜色；能否显示，仍受限于后续转换路径（如是否转到 sRGB 输出、屏幕是否支持 P3、浏览器是否启用色彩管理）。
为什么写 lab() 值常被忽略或失效？
- 浏览器必须启用色彩管理且支持 CSS Color Level 4 才能解析
lab()。截至 2026 年 10 月：- Safari 16.4+（macOS/iOS）默认支持
- Chrome 111+ 默认支持，但需页面未被辅助功能降级（如“简化色彩”开启时整条声明被丢弃）
- Firefox 需手动开启
layout.css.color-functional-notation.enabled（默认关闭）
- 写了
lab(80, 20, -30)却看到和rgb(200, 180, 210)几乎一样？大概率是因为：- 当前页面未声明
<meta name="color-scheme" content="light dark">或未启用 HDR 模式 - 系统色彩管理关闭（Windows 默认关，macOS 默认开）
- 屏幕物理不支持广色域（多数千元级显示器仍仅覆盖 100% sRGB）
- 当前页面未声明
lab() 真正实用的场景不是“炫彩”，而是“可控”
- 在需要精确控制视觉对比度或灰度过渡的 UI 中（比如无障碍配色、深色模式渐变），
lab()的L*可靠对应明度感知，比用hsl()的lightness或rgb()的亮度公式更稳定。 - 示例：想确保文字在任意背景上都有 ≥ 4.5:1 的对比度，用
lab()计算 ΔE2000 距离比用 WCAG 2.1 的相对亮度公式更贴近真实可读性。 - 但它不能绕过硬件限制：你在普通 sRGB 屏上写
lab(0, 127, 0)（纯绿），最终仍是映射到 sRGB 最近似点——不会突然亮得刺眼。
真正容易被忽略的是：lab() 是一个坐标系，不是魔法颜料。它把“人眼怎么看见颜色”这件事显式建模了，但画布（屏幕）、画笔（驱动）、颜料（GPU 渲染管线）没升级，再准的坐标也落不到实处。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
