BackgroundColor3

Value Type: Color3

Description:

This property determines the color of a GuiObject|UI background (the fill color).

Another property that determines the visual properties of the background is GuiObject/BackgroundTransparency. If an element’s BackgroundTransparency is set to 1, neither the background nor the border will render and the element will be transparent.

If your element contains text, such as a TextBox, TextButton, or TextLabel, make sure the color of your background contrasts the text’s color.

Code Samples

Rainbow Frame

This code sample causes a parent Frame to loop through all colors of the rainbow using Color3.fromHSV.

			
				Rainbow Frame

				Expected Output
			
				Expand
				
			-- Put this code in a LocalScript in a Frame
local frame = script.Parent

while true do
	for hue = 0, 255, 4 do
		-- HSV = hue, saturation, value
		-- If we loop from 0 to 1 repeatedly, we get a rainbow!
		frame.BorderColor3 = Color3.fromHSV(hue/256, 1, 1)
		frame.BackgroundColor3 = Color3.fromHSV(hue/256, .5, .8)
		wait()
	end
end
		
				Copy Code
			
				Light Theme

BackgroundColor3

See also

Code Samples

Rainbow Frame