How to Customize Overlay Colors in OBS & Streamlabs
Quick guide: recolor Stream Overlays without Photoshop
Want to match your overlays to your brand or stream theme? You can easily recolor most elements (like webcam frames, screens, or labels) using the built-in Color Correction filter in OBS Studio or Streamlabs Desktop — no Photoshop needed!
Easy Color Customization (OBS Studio):
Right-click on the overlay source in your scene
Select “Filters”
Click the “+” under Effect Filters and choose “Color Correction”
Adjust the Hue Shift slider to change the overlay’s color tone
Fine-tune with Brightness, Saturation, and Contrast
Done! Your overlay now appears in a new color
Easy Color Customization (Streamlabs Desktop):
Right-click on the overlay source
Select “Filters”
Click the “+” and add a Color Correction filter
Use the Hue Shift slider to shift colors
Adjust other values like Contrast and Brightness to taste
Click Done to apply the effect
⚠️ What You Can’t Recolor This Way:
The Color Correction filter does not work on animated transitions (like .webm stinger files), since those are pre-rendered videos with built-in colors that can’t be edited.
Looking for more flexibility? Some StreamSpell packages — like the Night Realm Stream Package — include transitions in multiple color versions, so you can choose the one that fits your stream’s aesthetic without needing to edit anything.
Examples of Stream Packages with Easy Color Customization:
Here are two stream overlay packages from StreamSpell that support easy color adjustments using OBS or Streamlabs filters:
1. MARVELOOSE! Stream Package
Theme: Superhero / Comic-Style
Color Customization: Yes — via Color Correction filter