Flag Tone guide
How the Flag Tone color matching game works
Flag Tone is a browser game about matching a real flag band by eye. This guide explains what the game shows, how one round is generated, how the HSB sliders affect the preview, and how Delta E becomes the final points.
Example visual: a flag band is the target, while the player rebuilds that color with hue, saturation, and brightness sliders.
Game identity
What Flag Tone is
Flag Tone is an independent flag color matching game. Each Classic game has 5 rounds. In each round, the game picks a random flag and a target color region, then asks the player to recreate that region with HSB sliders.
The page is not a generic color picker. The target color is always shown in the context of a flag, so the challenge is to judge how the band belongs with the other regions. This makes the game useful for quick color memory, design intuition, and perceptual comparison practice.
Round flow
How a round works
1. Study the target band
The left preview shows the flag and highlights which color region you need to match.
2. Adjust HSB
Hue moves around the color wheel, saturation changes intensity, and brightness changes lightness.
3. Submit the guess
The game compares your selected color to the hidden target color and shows feedback.
4. Finish 5 rounds
The results screen places each target beside your pick so the score is explainable.
Scoring model
Scoring and Delta E
Flag Tone scores the submitted color with Delta E, a distance between two colors after converting them into a perceptual color space. Lower distance means the player's color is closer to the target band.
| Delta E | Meaning | Points |
|---|---|---|
| 0 | Near-perfect match | 100 pts |
| 5 | Very close but visible on review | 90 pts |
| 10 | Noticeable difference | 80 pts |
| 25 | Far from the target color | 50 pts |
| 50 or more | Very far from the target | 0 pts |
Controls
Why the game uses HSB
Hex codes are exact, but they make the challenge too numeric. HSB keeps the task visual: hue answers "which color family", saturation answers "how strong", and brightness answers "how light or dark".
That matches the way many designers adjust color in real tools. You usually find the rough hue first, then nudge intensity and brightness until the color sits naturally with the rest of the flag.
Artwork notes
Flag artwork and limitations
Flag Tone uses in-site SVG flag artwork and a manifest of color regions so that the game can choose target bands and compare guesses consistently. The goal is enjoyable browser play, not legal standardization.
Country flags can have separate legal, diplomatic, or printing rules. If you need official usage guidance, Pantone values, cloth manufacturing values, or public display requirements, use the relevant authority in your jurisdiction instead of a game page.
Practice method
How to practice color matching
| Pass | What to do |
|---|---|
| First look | Decide whether the target band is warm or cool before touching sliders. |
| Hue pass | Move hue first. A correct hue with imperfect brightness often scores better than a wrong hue. |
| Saturation pass | Compare how strong the band feels against the neighboring flag colors. |
| Brightness pass | Use brightness last to make the band sit naturally in the whole flag. |
Questions
Guide FAQ
Is Flag Tone an official flag specification tool?
No. Flag Tone is a browser game. The flag artwork and colors are reference illustrations for play, not legal specifications for manufacturing, uniforms, print, or government use.
Why not show the hex code while playing?
The point of Flag Tone is perceptual matching. Hiding the hex code keeps each round focused on looking, comparing, and adjusting color by eye.
Why can the same color look different on another screen?
Displays, browser color handling, brightness settings, dark mode, and room lighting can all change how a color appears. The score compares numeric colors inside the game, but your eyes still see the screen in context.
Can I use Flag Tone as color vision diagnosis?
No. Flag Tone is a casual game and practice tool. It is not a medical color vision test, diagnosis, or accessibility audit.
Last updated: June 30, 2026
This guide is based on the current Flag Tone Classic game rules: 5 rounds per game, HSB sliders for guesses, and the Delta E scoring formula used in the browser game.