Simply stream live yourself with Streamlabs - the complete course

Creating color fields in Streamlabs OBS – Guide to the Color Source

All videos of the tutorial Simply stream live yourself with Streamlabs - the complete course

Streamlabs OBS is a powerful tool for streamers that offers a variety of features. One of the useful features is the ability to create color fields directly in the program. In this guide, I will show you how to effectively create and adjust a color field to give your stream the desired look.

Key insights

You can easily create color fields in Streamlabs OBS by following a few basic steps. It is not necessary to use external programs. Adjusting the color field is straightforward and gives you many options to experiment with colors and transparencies.

Step 1: Select scene and add color source

First, you need to make sure you have selected the correct scene. You can find the list of scenes on the left side in Streamlabs OBS. Click on the desired scene. Then go to the sources area and click the plus sign (+) to add a new source. Select "Color source".

Create color fields in Streamlabs OBS – Simple guide to the color source

Step 2: Name the color source

Now you need to give your color field a name. This can be something like "Color Field" or anything that makes sense to you. Name the source to your liking and then click on "Add Source" to continue.

Step 3: Choose a color

Here comes the creative part! You can now select the desired color for your color field. Click on the box that opens the color picker. In this color selection menu, you can choose different shades and adjust the brightness to achieve the desired effect.

Create color areas in Streamlabs OBS – Simple guide to color source

Step 4: Use HEX code

If you have a specific color in mind that you want to use with a hex code, you can enter this code directly into the designated field. This is especially useful if you want an exact color match.

Step 5: Apply transparency

You can adjust the transparency of your color field. A transparent color slider is available for this. Experiment with the options until you achieve the desired look.

Step 6: Use the eyedropper

If you want to pick a color from an existing image or element, you can use the eyedropper tool. Click on it, then click on the color you like. The eyedropper picks up the hue and applies it to your color source.

Step 7: Adjust width and height

Generally, you do not need to adjust the width and height of your color field; you can do this later directly in the transformation window. However, if you still want to do this, you can enter the dimensions here.

Step 8: Finalize color field

After you have made all the desired settings, click on "Done". Your color field is now created and ready to be used in your stream.

Step 9: Transform the color field

Right-click on the color field to open the transformation menu. You have the option to stretch the color field to the edge of the screen or transform it proportionally. To scale the color field proportionally, drag from a corner while holding the Shift key to maintain proportions.

Creating Color Areas in Streamlabs OBS – Simple Guide to Color Source

Step 10: Security and visibility

Once you have finished transforming your color field, you can activate the lock symbol to prevent it from being moved accidentally. Alternatively, you have the option to hide the color field using the eye symbol if you do not need it.

Summary – Creating color fields in Streamlabs OBS

In this guide, you learned how to effectively create and adjust a color field in Streamlabs OBS. The steps are easy to follow and allow you to enhance the visual appeal of your stream.

Frequently asked questions

How do I add a color field in Streamlabs OBS?Click on the scene, go to sources, select "Color source" and name it.

Can I add a custom color with a hex code?Yes, enter the hex code in the corresponding field to use the desired color.

How do I make the color field transparent?Use the transparency slider in the color picker window to adjust the transparency of the color field.

Can I take a color from an image?Yes, use the eyedropper tool to pick colors directly from images.

How can I secure my color field?Activate the lock symbol to prevent the color field from being moved accidentally.