Sass 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

颜色运算

所有算数运算都支持颜色值, 并且是分段运算的。 也就是说,红、绿、蓝各颜色分量会单独进行运算。 例如:

p {
  color: #010203 + #040506;
}

计算公式为 01 + 04 = 0502 + 05 = 0703 + 06 = 09, 并且被合成为:

p {
  color: #050709; }

一般 {Sass::Script::Functions color functions} 比颜色运算更有用,并且能达到相同的效果。

算数运算也能将数字和颜色值一起运算,同样也是分段运算的。 例如:

p {
  color: #010203 * 2;
}

计算公式为 01 * 2 = 0202 * 2 = 0403 * 2 = 06, 并且被合成为:

p {
  color: #020406; }