色調可以是圖像或視頻元素的一個屬性，影響該特定元素，或者它可以是一個元素本身，應用於整個畫布。
| 屬性 | 類型 | 必要 | 範例 | 值範圍 | 描述 |
|---|---|---|---|---|---|
| gamma | number | true | 0.56 | -1 to 1 | 圖像或視頻元素的伽馬調整值。負值會使畫面變暗，正值會使畫面變亮。 |
| saturation | number | true | 0 | -1 to 1 | 飽和度調整值。負值會去飽和，正值會增加飽和度。 |
| contrast | number | true | 0 | -1 to 1 | 對比度調整值。負值會降低對比度，正值會增加對比度。 |
| brightness | number | true | 0 | -1 to 1 | 亮度調整值。負值會使畫面變暗，正值會使畫面變亮。 |
| red | number | true | 0 | -1 to 1 | 紅色通道調整值。調整紅色的強度。 |
| green | number | true | 0 | -1 to 1 | 綠色通道調整值。調整綠色的強度。 |
| blue | number | true | 0 | -1 to 1 | 藍色通道調整值。調整藍色的強度。 |
{
"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
}
當多個顏色調整應用於一個元素時，它們按照以下順序進行處理：
filterAgent）這個順序確保在結合不同的顏色修正技術時能夠獲得可預測的結果。