WELCOME TO MY DIGITAL GARDEN & TECHNICAL ARCHIVE READ MORE →
> fullscreen-color-and-text.exe

Open fullscreen ↗

Sometimes you just need a full-bleed color on screen — a color card in front of a camera for white balance, a chroma key reference, a "be right back" slate between segments, or a plain slide with a title on it. This tool paints a solid color with big, centered text on top, and both the color and the text live in the URL, so you can bookmark or paste a fully configured link straight into an OBS Browser Source.

How to use it #

  1. Click directly on the text to edit it — it's centered and editable right where it's shown, no separate form field.
  2. Pick a color from the swatches, use the color picker, or type a hex code — or click the SMPTE color bars swatch to use that as a stretched-to-fill background image instead.
  3. Click Copy link to copy a shareable URL with your current color and text baked in as query parameters — paste that into an OBS Browser Source, a second monitor's browser tab, or send it to someone else.
  4. Click Open fullscreen ↗ to open the bare, chrome-free version in a new tab — no header, no footer, just the color and text, ready to be put on a screen or fed into a capture card.
  5. Click Fullscreen at any time to make your browser take over the whole screen with the Fullscreen API — press Esc to leave it again.

URL parameters #

The bare view at /tools/fullscreen-color/view/ reads its state entirely from the query string, so it can be scripted or bookmarked without touching the page at all:

Parameter Example Description
color ?color=%23ef4444 Background color as a hex code (URL-encode the # as %23). Ignored when image is set.
image ?image=%2Fimg%2FSMPTE_colorbars.svg Background image URL, stretched to fill the screen. Takes over from color when present.
text ?text=Be+Right+Back The centered text. Leave it out entirely for a plain color or image card.
fg ?fg=%23000000 Overrides the text color. Leave it out and the text automatically switches between black and white for contrast on a solid color, or white with a drop shadow over an image.

For example, /tools/fullscreen-color/view/?color=%2322c55e&text=Standby opens directly to a green screen reading "Standby".