能，但必须只动 white 和 black 且总和不超过 100%，否则整条声明被静默丢弃；HWB 以纯色为基加白或黑，white 增加变浅不发灰，black 增加压暗不偏色，white+black 越接近 100% 色彩越粉/灰。
能，但必须只动 white 和 black，且总和不能超 100%——否则整条声明被静默丢弃，连报错都没有。
为什么改 white 或 black 比调 lightness 更直观
HWB 的设计逻辑是“在纯色基础上加白或加黑”，不是“把亮度滑块左拉右推”。这带来两个实际好处：
-
white增加时，颜色变浅但色相不发灰——hwb(210 70% 5%)到hwb(210 85% 5%)是干净的浅蓝，而等效 HSL 的lightness从 80% 拉到 92%，饱和度视觉塌陷，容易偏青 -
black增加时，颜色压暗但不偏色——hwb(210 0% 20%)是沉稳深蓝，hwb(210 0% 40%)就是更重的蓝，不像 HSL 的lightness降到 30% 后可能泛紫 - 白+黑之和越接近 100%，原色占比越小，颜色越“粉”或“灰”，这不是 bug，是模型本意；想保持色相强度，就控制好二者总和（比如固定
white + black = 25%，只调分配比例）
hwb() 写错就失效：三个硬性条件
浏览器对 hwb() 解析极严格，错一个字符整条规则就消失（DevTools 里显示为划掉样式，无报错提示）：
- 参数顺序固定：
hwb(hue white black / alpha)，hue可省deg，但white和black必须带%，不能写成hwb(210 15 20) - 分隔符只能是空格，不能用逗号：
hwb(210, 15%, 20%)❌ 直接无效 -
white + black ≤ 100%，超了如hwb(210 80% 30%)→ 声明丢弃，回退到继承色（可能变成黑或透明，取决于上下文） - 不支持 alpha 在函数内写：
hwb(210 15% 20% / 0.7)❌ 语法错误；要透明得用opacity或外层rgba()
必须手动写 RGB fallback，别指望构建工具自动转
目前没有成熟 PostCSS 插件能安全把 hwb() 转成等效 RGB；Sass 变量拼接如 hwb($h $w $b) 编译后若没保留原始语法，也会失效：
立即学习“前端免费学习笔记（深入）”；
- 降级必须前置：
background-color: #e6f0ff;再写background-color: hwb(210 15% 20%); - 验证是否生效：用
getComputedStyle(el).backgroundColor查返回值，如果是rgb()说明 fallback 生效，或浏览器内部已转义 - Firefox 仍需启用
layout.css.color_function_hwb.enabled标志；旧版 Edge、部分 Hugo/Jekyll 环境默认禁用该特性
真正容易被忽略的是：哪怕只加 1% black，在高 white 场景下也可能让浅蓝显出微妙灰调——这不是渲染错误，是 HWB 模型对色相强度的天然压制。调的时候别只看 DevTools 预览，得在真机上对比。
