Skip to content

How to Display Transparent Roulette in OBS [2026 Guide]

Want to run giveaways or viewer participation events on your stream but don't know how to set up a roulette wheel? This guide explains how to display a transparent roulette overlay using OBS Studio. It's free and requires no signup - you can start right now.

Five minutes of setup. Start by copying the URL.

Try it now →

What is KimeToku?

KimeToku is a free lottery app for streamers. It features 5 different lottery modes including Roulette, Slot, Shuffle Cards, Lottery, and Ranking announcements. With OBS transparency support, you can overlay it directly on your stream.

5 Lottery Modes
Roulette, Slot, Cards, Lottery, Ranking
OBS Transparency
Overlay directly on stream
Confetti Effects
Spectacular winner celebrations
Free to Use
No signup required

Five minutes of setup, and you never have to switch scenes mid-giveaway again.

Open Kime-Toku and copy the URL →

OBS Setup Instructions

1

Add Browser Source in OBS

Open OBS Studio and click the '+' button at the bottom of the Sources panel. Select 'Browser' from the menu and give it a recognizable name (e.g., "Roulette").

2

Set KimeToku URL

In the properties window, configure the following settings:

  • URL: https://kime-toku.com
  • Width: 1280
  • Height: 720
3

Enable Transparency (Important)

In the same properties window, make these changes:

  • Delete all content in the "Custom CSS" field (leave it empty)
  • Check the "Enable transparency" option

This makes the background transparent, showing only the roulette on your stream.

Fig. The Browser Source properties dialog — the highlighted fields are the ones that matter.
FieldValueWhy this value
URLhttps://kime-toku.comLoads the lottery screen as-is
Width / Height1280 / 720Match your canvas. Too small and the wheel gets squashed
Custom CSSemptyThe default snippet sets a background color, which cancels transparency
Enable transparency✓ ONLeave it off and the white background goes on stream. This single checkbox decides it
Shutdown source when not visibleOFFIf ON, the page reloads every time you switch scenes, so the result on screen and any running animation disappear (your participant list is stored in the browser and survives)
4

Control KimeToku and Start

To interact with KimeToku while streaming, right-click the browser source and select "Interact". This allows you to control the interface directly.

  1. Enter participant names in the left text area (one per line)
  2. Select a lottery mode (Roulette, Slot, etc.)
  3. Click the "Start" button

Tip: Click "Stream Window" to open the lottery display in a separate window. You can then capture this window using OBS "Window Capture". This is useful when you want to separate the control panel from the display.

Using Green Screen Mode

If the transparency setting doesn't work or you prefer using chroma key compositing with other software, you can use green screen mode.

  1. Turn on "Green screen" in KimeToku's sidebar
  2. In OBS, add a "Chroma Key" filter
  3. Select "Green" as the key color type

Note: Green screen mode may result in lower quality compared to the transparency setting. We recommend using the "Enable transparency" option whenever possible.

Common Issues and Solutions

Background Not Transparent

If the default CSS remains in the "Custom CSS" field, transparency won't work. Delete all content from this field. Also verify that "Enable transparency" is checked.

Roulette Not Displaying

Check that the URL is entered correctly. You need the complete URL including https:// (https://kime-toku.com).

Cannot Control the Interface

Right-click the browser source and select "Interact" to enable control. To exit interact mode, press Esc or click elsewhere.

Next stream, share "that moment" with your viewers.