Remove background colour (chroma key)
Overview
You can utilise the 'remove background colour' feature to remove the green background from a source and make it transparent. This is known as a Chroma Key and is similar to how a '
green screen' works in movies.
This allows the source to be partially transparent and used as an overlay.
Source types
Colour codes
The background removal works on a single set colour. All backgrounds in the stream, artwork or presentation that you want removed must match this colour code.
Red
- 100% red
- HEX: FF0000
- RGB: 255, 0, 0
- HSL: 0, 100%, 50%
Green
- 100% green
- HEX: 00FF00
- RGB: 0, 255, 0
- HSL: 120, 100%, 50%
Blue
- 100% blue
- HEX: 0000FF
- RGB: 0, 0, 255
- HSL: 240, 100%, 50%
Magenta
- 100% red and blue
- HEX: FF00FF
- RGB: 255, 0, 255
- HSL: 300, 100%, 50%
Custom
You can set a custom RGB colour.
![](//img.zohostatic.com.au/zde/static/images/exclamation.png)
Setting the custom colour to white rgb(255,255,255) will result in no colour being removed.
Setting the custom colour to black rgb(0,0,0) will result in all colour except white being removed.
How to use
Remove background
- Click the settings icons on the source card
- Select the colour to remove, or enter a custom colour
- Select 'Remove background colour'
- The background will be removed and the source now contains transparency
Green example
Blue example
Custom example
Restore background
- Click the settings icons on the source card
- Select 'Restore background'
- The background will be restored
Related Articles
Background media
Any image or video in the Studio media Library can be set as the background layer of your live stream. Set a new background Open the Studio media library Choose the media you would like to set as the background layer Click the dropdown menu for that ...
Overlay
What is an overlay? An overlay is a special video layer that sits above all others and allows you to show transparent sources on top of other media. Overlay is typically used to display 'bugs' or 'lower thirds/supers' temporarily during your event. ...
Branding settings
Event branding can be customised to suit your requirements. Attendee portal The following elements can be modified on the attendee portal. Page background image Set an optional background image. This image displays on top of the page background ...
Release changelog
Releases made to the Joinin platform 12 Nov 2021 Added Quiz engagement functionality. Higher maximum bitrates for presenter links. Increased from 1500Kbps to 5000Kbps max. Studio: keyboard shortcut to activate presenter comms talk. Press and hold the ...
Sources
Live events can utilise several different types of content sources: Introduction Sources are the live elements of your event that can be shown to your audience. Source types Media Media can can be uploaded to your event and displayed on demand: ...