各位观众老爷，大家好！今天咱们来聊聊CSS的未来战士——relative-color-syntax，也就是“相对颜色语法”。这玩意儿如果真能普及开来，那CSS玩颜色就彻底支棱起来了！ 啥是相对颜色语法？ 简单来说，就是你可以基于一个已有的颜色，通过一些操作，动态地生成一个新的颜色。听起来是不是有点像Photoshop里的颜色调整？没错，就是那个味儿！ 想想以前，你想把一个按钮的颜色稍微调亮一点，要么用Sass的lighten()函数，要么就得吭哧吭哧地手动改hex值。现在有了相对颜色语法，就可以直接在CSS里完成，代码更简洁，也更容易维护。 语法初探 相对颜色语法的基本结构是这样的： color: color( <reference-color> calc(<channel-adjustment>)); <reference-color>：这是你要参考的颜色，可以是hex值、rgb值、hsl值等等，甚至是CSS变量！ calc(<channel-adjustment>)：这是个关键！calc()函数里面是你对颜色通道（比如红、绿、蓝）的具 …