色调

色调可以是图像或视频元素的一个属性,影响该特定元素,或者它可以是一个元素本身,应用于整个画布。

属性类型必需示例值范围描述
gammanumbertrue0.56-1 to 1图像或视频元素的伽玛调整值。负值使图像变暗,正值使图像变亮。
saturationnumbertrue0-1 to 1饱和度调整值。负值去饱和,正值增加饱和度。
contrastnumbertrue0-1 to 1对比度调整值。负值降低对比度,正值增加对比度。
brightnessnumbertrue0-1 to 1亮度调整值。负值使图像变暗,正值使图像变亮。
rednumbertrue0-1 to 1红色通道调整值。调整红色的强度。
greennumbertrue0-1 to 1绿色通道调整值。调整绿色的强度。
bluenumbertrue0-1 to 1蓝色通道调整值。调整蓝色的强度。
imageElement.json
{
"type": "",
"width": 1920,
"height": 1080,
"fill": "#000000",
"view": [
  {
    "id": "6b91fbc5-a69c-4783-8216-395b8feac9b2",
    "type": "Image",
    "start": 0,
    "duration": 5,
    "trackIndex": 1,
    "x": 0,
    "y": 0,
    "blendMode": "normal",
    "anchorX": 1310.5,
    "anchorY": 1965.5,
    "rotation": 0,
    "scaleX": 0.27473925209870265,
    "scaleY": 0.27473925209870265,
    "alpha": 1,
    "skewX": 0,
    "skewY": 0,
    "keyframes": [],
    "externalUrl": "https://images.pexels.com/photos/30473423/pexels-photo-30473423.jpeg",
    "ext": "jpeg",
    "tone": {
      "gamma": 0.77,
      "saturation": 0,
      "contrast": 0,
      "brightness": 0,
      "red": 0,
      "green": 0,
      "blue": 0
    }
  }
],
"audio": [],
"effect": [
  {
    "id": "08d52449-641b-41cd-a086-5805b5d5a73b",
    "start": 0,
    "duration": 5,
    "trackIndex": 0,
    "tone": {
      "gamma": 0.68,
      "saturation": 0,
      "brightness": 0,
      "contrast": 0,
      "red": 0,
      "green": 0,
      "blue": 0
    },
    "type": "Tone"
  }
],
"transition": [],
"version": 0,
"duration": 5
}

效果处理顺序

当多个颜色调整应用于一个元素时,它们按以下顺序处理:

  1. 色调调整(伽玛、饱和度、对比度、亮度、颜色通道)
  2. **LUT(查找表)**颜色分级
  3. 滤镜(来自 filterAgent

此顺序确保在组合不同的颜色校正技术时产生可预测的结果。