CSS 中的 lab() 颜色函数因语法无效被浏览器直接忽略，不解析、不渲染；所谓“超出色域”实为转换到 RGB 等可显示格式时未做色域映射或裁切所致。
lab() 颜色在 CSS 中根本不会“超出显示色域”——因为浏览器压根不解析它。
你写 color: lab(50, 20, -10);，Chrome、Firefox、Safari、Edge 全部直接忽略这条声明，连错误都不报。它没进解析器，更谈不上“映射”“转换”或“超出色域”。这不是渲染结果问题，是语法无效。
真正会触发色域裁切（clipping）的是这些场景：
-
color(display-p3)声明后，在 sRGB 屏幕上强行渲染 P3 色值 → 浏览器自动 clamp 到 sRGB 边界，出现失真 -
lch()或oklch()中的c（色度）值设得过高 → 某些亮度+色相组合下，对应 RGB 坐标超出 [0, 1] 范围，被截断为黑/白/纯色 - JS 用
colorjs.io把 Lab 转 RGB 时未做clip或gamut mapping→ 输出非法rgb(256, -10, 180)，浏览器静默修正为rgb(255, 0, 180)
lab() 函数本身没有“显示”行为，它的数值只是字符串。所谓“超出”，其实是你在构建时或运行时把它转成 RGB 的那一环失控了。
立即学习“前端免费学习笔记（深入）”；
最容易被忽略的一点：Lab 数值必须搭配白点（D50/D65）、色域（sRGB/P3）、渲染意图才能算出屏幕可显颜色；而 CSS 不提供任何接口声明这些——所以它连“是否超出”的判断条件都没有。
