El tono puede ser un atributo de un elemento de imagen o video, afectando ese elemento específico, o puede ser un elemento en sí mismo, aplicándose a todo el lienzo.
| Prop | Tipo | Requerido | Ejemplo | Rango de Valores | Descripción |
|---|---|---|---|---|---|
| gamma | number | true | 0.56 | -1 to 1 | El valor de ajuste de gamma para el elemento de imagen o video. Los valores negativos oscurecen, los valores positivos iluminan. |
| saturation | number | true | 0 | -1 to 1 | El valor de ajuste de saturación. Los valores negativos desaturan, los valores positivos aumentan la saturación. |
| contrast | number | true | 0 | -1 to 1 | El valor de ajuste de contraste. Los valores negativos disminuyen el contraste, los valores positivos lo aumentan. |
| brightness | number | true | 0 | -1 to 1 | El valor de ajuste de brillo. Los valores negativos oscurecen, los valores positivos iluminan. |
| red | number | true | 0 | -1 to 1 | El valor de ajuste del canal rojo. Ajusta la intensidad del color rojo. |
| green | number | true | 0 | -1 to 1 | El valor de ajuste del canal verde. Ajusta la intensidad del color verde. |
| blue | number | true | 0 | -1 to 1 | El valor de ajuste del canal azul. Ajusta la intensidad del color 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
}
Cuando se aplican múltiples ajustes de color a un elemento, se procesan en este orden:
filterAgent)Este orden asegura resultados predecibles al combinar diferentes técnicas de corrección de color.