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".

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.

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.

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.