Skip to main content

Colour Widget

The Colour widget renders a solid color rectangle on your overlay. Use it for backgrounds, dividers, accent blocks, or any element that needs a flat color fill.

Use Cases​

  • Background panels — Place behind text widgets for readability
  • Accent bars — Colored strips to match your stream branding
  • Dividers — Visual separation between overlay sections
  • Overlays — Semi-transparent color overlays on top of other content

Properties​

PropertyDescription
ColorThe fill color (supports hex, RGB, and color picker)
OpacityTransparency level (0–100%)
PositionX and Y on the canvas
SizeWidth and height in pixels

Tips​

  • Use opacity to create semi-transparent panels behind text for better readability
  • Layer order — Place colour widgets behind other widgets to act as backgrounds

See Also​

  • Text Widget — Pair with a colour widget for readable text overlays
  • Image Widget — For more complex visual elements