Tono

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.

PropTipoRequeridoEjemploRango de ValoresDescripción
gammanumbertrue0.56-1 to 1El valor de ajuste de gamma para el elemento de imagen o video. Los valores negativos oscurecen, los valores positivos iluminan.
saturationnumbertrue0-1 to 1El valor de ajuste de saturación. Los valores negativos desaturan, los valores positivos aumentan la saturación.
contrastnumbertrue0-1 to 1El valor de ajuste de contraste. Los valores negativos disminuyen el contraste, los valores positivos lo aumentan.
brightnessnumbertrue0-1 to 1El valor de ajuste de brillo. Los valores negativos oscurecen, los valores positivos iluminan.
rednumbertrue0-1 to 1El valor de ajuste del canal rojo. Ajusta la intensidad del color rojo.
greennumbertrue0-1 to 1El valor de ajuste del canal verde. Ajusta la intensidad del color verde.
bluenumbertrue0-1 to 1El valor de ajuste del canal azul. Ajusta la intensidad del color azul.
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
}

Orden de Procesamiento de Efectos

Cuando se aplican múltiples ajustes de color a un elemento, se procesan en este orden:

  1. Ajustes de tono (gamma, saturación, contraste, brillo, canales de color)
  2. Grading de color LUT (Tabla de Búsqueda)
  3. Filtros (de filterAgent)

Este orden asegura resultados predecibles al combinar diferentes técnicas de corrección de color.