Erik D. Kennedy 指出了颜色渐变的一个有趣的现象。 如果你在两种颜色之间使用渐变,并且它们在颜色空间中的边界线穿过零饱和度的中间,那么你就会在中间得到这个“灰色死亡区”。

这是真实存在的。 看看这里中间的灰色
你也可以看到颜色可能不会那样,比如红色和蓝色在这里直接穿过紫色,你可以通过上面的那个颜色圆圈来可视化这一点。
Erik 说,一种解决方案是绕道而行,而不是直接穿过灰色区域。

他更新的 渐变工具 通过使用不同的“插值模式”并使用精度的停止点 缓动 渐变来处理这个问题。 不要错过径向和圆锥选项,以及将中心放置在“屏幕外”的能力,这可以产生一些很酷的效果,而其他方法无法实现。
哦,说到圆锥渐变,Adam Argyle 有 一个关于各种可能性的画廊,它非常独特。

现在我明白了为什么那些渐变调色板突然流行起来。 太棒了,感谢分享
显然,网页设计师从来不去艺术学校,在那里他们会教你一些东西,比如添加互补色会产生灰色。 甚至还有助记符,“红凯迪拉克由通用汽车制造”。 互补色对是红/青色、蓝/黄色和绿/洋红色。
当我看到这个时,我的想法也是这样。 互补色会相互抵消。
你放一个类似的颜色在中间,没问题。
显然,通过除要求花费巨额资金进行教育以外的方式,将有用的颜色知识传播给可能不熟悉颜色的人是令人不齿的行为吗?
在印刷界,我会说这是一个颜色模式的问题(CMYK 中的渐变工作方式相同)。
正如 2018 年提到的:https://codepen.io/szopos/pen/gKPqwq
这个灰色区域的技术原因是,计算使用的是有损 sRGB 算法,而不是因为它应该为灰色(参考:https://webcolorisstillbroken.com/?ref=webdesignernews.com)。
谢天谢地,随着新的颜色空间即将进入 CSS,这可能很快就会成为过去式:https://webdev.ac.cn/state-of-css-2022/?via=emailweekly#gradient-color-spaces