L13 / Tools / Gradient

Gradient builder

Design a UIGradient with up to 20 colors, then copy the ColorSequence code.

Presets
Color stops

Luau code

Put this in a LocalScript inside the Frame, TextLabel or ImageLabel you want to color.

Why does my gradient look darker in Roblox?

A UIGradient tints the element's existing color instead of replacing it. If the frame's BackgroundColor3 is gray, the gradient looks gray too. Set it to white first, as the generated code does.

Rules Roblox enforces