O tom pode ser um atributo de um elemento de imagem ou vídeo, afetando esse elemento específico, ou pode ser um elemento em si, aplicando-se a toda a tela.
| Propriedade | Tipo | Necessário | Exemplo | Faixa de Valores | Descrição |
|---|---|---|---|---|---|
| gamma | number | true | 0.56 | -1 to 1 | O valor de ajuste de gamma para o elemento de imagem ou vídeo. Valores negativos escurecem, valores positivos clareiam. |
| saturation | number | true | 0 | -1 to 1 | O valor de ajuste de saturação. Valores negativos desaturam, valores positivos aumentam a saturação. |
| contrast | number | true | 0 | -1 to 1 | O valor de ajuste de contraste. Valores negativos diminuem o contraste, valores positivos o aumentam. |
| brightness | number | true | 0 | -1 to 1 | O valor de ajuste de brilho. Valores negativos escurecem, valores positivos clareiam. |
| red | number | true | 0 | -1 to 1 | O valor de ajuste do canal vermelho. Ajusta a intensidade da cor vermelha. |
| green | number | true | 0 | -1 to 1 | O valor de ajuste do canal verde. Ajusta a intensidade da cor verde. |
| blue | number | true | 0 | -1 to 1 | O valor de ajuste do canal azul. Ajusta a intensidade da cor azul. |
{
"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
}
Quando múltiplos ajustes de cor são aplicados a um elemento, eles são processados nesta ordem:
filterAgent)Esta ordem garante resultados previsíveis ao combinar diferentes técnicas de correção de cor.