Read an RGB value, spot the color. A fast, endless, installable PWA that tests how well you actually know color.
You are shown an RGB value — the color itself stays hidden. Find the tile that is that color.
- Pick a mode and a difficulty, then hit PLAY.
- Tap the tile you think matches. Correct answers build a streak and a score multiplier.
- Stuck? PEEK flashes the real color for half a second, at the cost of half that round's points.
Never done this before? The game opens with a short interactive tutorial that teaches RGB by playing it — meet each channel, mix them, then work the 0–255 scale. Replay it any time from Settings.
| Mode | Lives | Timer | On a wrong guess |
|---|---|---|---|
| ARCADE | 3 | Yes — tightens as you level up | Lose a life, streak resets |
| STEADY | 3 | No | Lose a life, streak resets |
| ZEN | ∞ | No | Nothing but points — keep guessing |
EASY (3 tiles) · MEDIUM (6 tiles) · HARD (9 tiles) — but the tile count is the least of it. Colors are generated in CIELAB and judged on how different they actually look, so HARD separates tiles by hue rather than brightness.
The game adapts to you. Every clean win narrows the gap between colors; every wrong guess widens it again. Difficulty settles wherever your eye actually is, and a hard floor guarantees every round stays solvable.
Best scores are kept per mode and difficulty, so HARD ARCADE never competes with EASY ZEN.
- Every tile is a real
<button>labelled with its RGB and hex value, so the game can be played by reading rather than by seeing color. - Full keyboard play: 1–9 pick a tile · arrows move · Enter select · P peek · N new colors · M mute · Esc pause.
- Correct/incorrect never rely on color alone — there is a glyph, text and an ARIA live announcement.
- All animation respects
prefers-reduced-motion.
No framework, no bundler, no dependencies, no build step. The whole game is hand-written HTML, CSS and ES modules, served as static files. You need Node.js 18+ only to run the local server — there is nothing to install.
git clone https://github.com/vamuigua/RGBs-Color-Game.git
cd RGBs-Color-Game
node dev-server.mjsThen open http://localhost:8080.
The game cannot be opened from
file://. It uses ES modules and a service worker, both of which need anhttp(s)origin. Any static server works —python3 -m http.server,npx serve— the bundled one just avoids needing anything installed.
docs/TECHNICAL.md covers the rest: the perceptual color engine, the hidden Game Tuning Lab, the test harness, browser storage, the Netlify setup, and the constraints to know before changing code.
- Victor Allen - vamuigua ✌️
This project is licensed under the MIT License - see the LICENSE file for details