Skip to main content

whiteBalance()v4.0.508

Part of the @remotion/effects package.

Corrects blue-to-amber temperature and green-to-magenta tint in footage and images.

Preview​

Drag current effect onto a layer in the Studio

Example​

MyComp.tsx
import {Video} from '@remotion/media';
import {whiteBalance} from '@remotion/effects/white-balance';

export const MyComp: React.FC = () => {
  return (
    <Video
      src="https://remotion.media/video.mp4"
      effects={[
        whiteBalance({
          temperature: 0.2,
          tint: -0.1,
        }),
      ]}
    />
  );
};

API​

You can call whiteBalance() without arguments or pass an object with the following properties.

temperature?​

The temperature adjustment from -1 to 1. Negative values make the layer cooler and positive values make it warmer. Defaults to 0.

tint?​

The tint adjustment from -1 to 1. Negative values shift the layer toward green and positive values shift it toward magenta. Defaults to 0.

disabled?​

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

Compatibility​

BrowsersEnvironments
Chrome
Firefox
Safari

See also​