We use cookies on this site to enhance your user experience
Collapse Sidebar




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.

See also

  • GuiObject/BorderColor3

Code Samples

Rainbow Frame

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

-- 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)