zColor()

Using zColor(), you can specify in your schema that a string has to be a color.

In the Remotion Studio, a color picker will be displayed allowing to change and validate the color picker.

Compatibility

Browsers			Servers			Environments
Chrome	Firefox	Safari	Node.js	Bun	Serverless Functions	Client-side rendering	Server-side rendering	Player	Studio

Schema validation works in all listed environments. The visual editor is only available in Remotion Studio.

See also

• Defining a schema for your props