Guess the Color
A color fills the screen for a few seconds while a countdown runs, then disappears.
Play it here
This is the same embed your visitors get: the loader, a live slot and the item, served from our content domain.
About
A color fills the screen for a few seconds while a countdown runs, then disappears. You rebuild it from memory with three sliders (hue, saturation and brightness) and a large live preview. On submit your color is shown next to the target with a score from 0 to 10 based on the CIEDE2000 perceptual color difference, plus a hint such as how far off the hue was. A game is 5 rounds scored out of 50: Classic gives a 5-second look, Hard 2 seconds, and Daily gives everyone the same five colors each day. Keyboard: Enter starts, submits and continues; arrow keys adjust the focused slider.
Put it on your page
Paste these two lines where the item should appear. Replace YOUR_PUBLIC_ID with the public id from your account; add the domains you publish on and it works at once. Get your public id →
<script src="https://useiframe.com/f.js"
data-account="YOUR_PUBLIC_ID" async></script>
<div data-iframe="guess-the-color" data-ratio="9:16"></div>
data-slot="sidebar"names the position, so two slots on one page can show different items and be switched separately.data-launch="click"keeps whatever you put inside the div (an image, a button) until the visitor clicks, then loads the item.data-ratio="16:9"sets the frame shape;autolets the item report its own height.
Every slot is a live embed: from your account you can switch what it shows later, for one page or all of them, without editing your pages.
Details
- Frame shape
- 9:16
- Orientation
- Any
- Controls
- Mouse · Touch · Keyboard
- Phones
- Works on phones
- Added
- 2026-10-01
- slug
guess-the-color