Skip to main content

lut()v4.0.526

Part of the @remotion/effects package.

Applies an inline 3D color lookup table in the .cube format.

Preview​

Drag current effect onto a layer in the Studio

Example​

MyComp.tsx
import {lut} from '@remotion/effects/lut';
import {Video} from '@remotion/media';

export const MyComp: React.FC = () => {
  return (
    <Video
      src="https://remotion.media/video.mp4"
      effects={[
        lut({
          content: `
            TITLE "Warm"
            LUT_3D_SIZE 2
            0 0 0
            1 0.1 0
            0 0.9 0.1
            1 0.9 0.1
            0 0.1 0.8
            1 0.2 0.7
            0 0.9 0.8
            1 0.9 0.8
          `
        })
      ]}
    />
  );
};

Supported Cube format​

lut() supports 3D .cube files with:

  • LUT_3D_SIZE, with a size from 2 to 256
  • TITLE
  • DOMAIN_MIN and DOMAIN_MAX
  • Empty lines and # comments

The content must contain the cube of LUT_3D_SIZE color rows. 1D LUTs are not supported.

API​

content​

The complete .cube file as a string. Inline the content in your source code or import it as text using your bundler.

disabled?​

When true, the effect is skipped. Defaults to false.

Compatibility​

BrowsersEnvironments
Chrome
Firefox
Safari

See also​