Hex Test — guess the hex code colour game

Tool powered by Hex Test on MadeByShape.

Play Hex Test on madebyshape.co.uk: guess the hex code from swatches in this hex code game—10-level color code quiz and colour code game.

What is Hex Test?

Hex Test at madebyshape.co.uk/hex-test/play/ is a free hex code game from MadeByShape. Each round shows a color swatch; you pick the matching six-character #RRGGBB code from multiple choices—a colour code game and color code quiz rolled into ten levels. It teaches how to read hex RGB pairs (0–9 and A–F for values 10–15) so you can guess the hex code faster in DevTools, Figma, and CSS handoff.

Tips to guess the hex code in Hex Test

Use these habits to score higher on this hex match style color guessing game and learn how to read hex in real files.
  • 01

    Read the dominant channel first

    Ask whether the swatch is mostly red, green, or blue before you scan all six characters. Hex test rounds reward spotting which RGB pair leads.

  • 02

    Compare pair brightness, not single digits

    In #RRGGBB, each pair is 00–FF. A vivid red often has high RR and lower GG and BB—narrow choices before you pick the exact hex code game answer.

  • 03

    Eliminate wrong options by channel

    When four codes are offered, discard any where the leading pair contradicts the hue you see. This guess the hex code shortcut beats random clicks.

  • 04

    Learn A–F as 10–15

    Letters beat digits at the same position (A > 9). If two options differ only in the letter row, pick the darker or lighter pair consistently.

  • 05

    Replay for speed on level 10

    A full color code quiz run has 10 levels. Replay immediately while channel patterns are fresh—accuracy first, then speed on the second pass.

  • 06

    Verify picks in a converter after the game

    Paste guessed values into /color-converter to see HSL breakdowns. Connecting hex match scores to other formats is how to read hex outside the quiz.

Compare hex and color code games

Hex Test is a hex code game for guessing #RRGGBB values. Use this table when you want colour match puzzles, harmony drills, or converter tools instead of hex typing.

GamePrimary skillFormatOn Uwarp
Hex TestPick correct #RRGGBB from a swatch10-level hex code quizPlay
Color (method.ac)Match hue, saturation, and harmoniesPicker scoring roundsColor method game
Dialed ColorMemorize swatches, match with HSBMemory + daily modeColor memory game

After the hex code game

Pair Hex Test with harmony trainers and production color tools .

  1. Train hue without typing hex: Use /color-game on color.method.ac when you want matching color games focused on wheel relationships instead of #RRGGBB strings.

  2. Add memory pressure: Try /color-memory-game on Dialed when swatches disappear before you match—complementary color guessing skill.

  3. Convert and compare swatches: Open /color-converter and /compare-colors when handoff specs arrive as hex from this colour code game practice.

  4. Read the color games guide: See /blog/best-color-games-for-designers for how Hex Test fits beside Method Color and Dialed.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.