톤은 이미지 또는 비디오 요소의 속성이 될 수 있으며, 특정 요소에 영향을 미치거나 전체 캔버스에 적용되는 요소 자체가 될 수 있습니다.

소품유형필수예시값 범위설명
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에서)

이 순서는 서로 다른 색상 보정 기술을 결합할 때 예측 가능한 결과를 보장합니다.