🌈Color Perception Test

How well can you tell apart two colors that look almost the same?

Take this free Color Perception Test to challenge your ability to distinguish subtle differences in shade and lightness. Each round gives you several swatches from the same color family. Your task is to arrange them from lightest to darkest.

Choose 6, 8, or 12 swatches and complete 1, 3, or 5 rounds.

A lower error score means your ordering was closer to the correct sequence. A score of 0 means you placed every swatch in the correct position.

How to Take the Color Perception Test

1. 1Choose 6, 8, or 12 swatches.
2. 2Choose 1, 3, or 5 rounds.
3. 3Start the test.
4. 4Look at the full group before making your first choice.
5. 5Select the swatches from lightest to darkest.
6. 6Complete the entire sequence.
7. 7Review your error score.
8. 8Repeat the process for the remaining rounds.

There is no need to rush. This test is about visual discrimination, not reaction speed.

For the most useful comparison, use the same device, brightness, browser, swatch count, and lighting conditions each time.

What Does This Color Perception Test Measure?

This specific test mainly challenges lightness discrimination within a color family.

That distinction matters.

Color can be described using several perceptual properties, including:

• ✓hue — whether a color looks red, green, blue, yellow, and so on;
• ✓lightness — how light or dark it appears;
• ✓saturation or chroma — how vivid or muted the color appears.

In this test, the swatches within a round belong to the same general hue family but vary from lighter to darker.

Your task is therefore not simply to identify a color name. You must compare close neighboring shades and place them in the correct lightness order.

Is This a Hue Test?

Not exactly.

A true hue discrimination task changes hue while attempting to control other color properties.

The classic Farnsworth–Munsell 100 Hue Test is a well-known example. It asks people to arrange many colored caps in a smooth hue sequence. The official test uses a large set of carefully specified colors.

This browser test uses a simpler arrangement idea, but the task is different: you are ordering shades primarily by lightness within a hue, not arranging a full hue circle.

That makes “shade discrimination test” or “color lightness discrimination test” a more precise description of what you are doing here.

It is also why your score should not be compared directly with a Farnsworth–Munsell 100 Hue score.

How Is the Error Score Calculated?

After you arrange the swatches, your selected order is compared with the correct light-to-dark order.

Swatches that are farther from their correct position add more error.

That means: 0 error = perfect ordering

A higher error score means more swatches were misplaced, or some swatches were placed farther from their correct positions.

The exact number should be interpreted within the current test settings.

A score of 5 with 6 swatches is not necessarily equivalent to a score of 5 with 12 swatches because the number of comparisons and spacing between shades can differ.

Compare like with like.

Why More Swatches Make the Test Harder

Six swatches leave relatively large steps between neighboring shades.

With 12 swatches, more intermediate shades have to fit into the same overall light-to-dark sequence.

The closest neighbors may therefore look extremely similar.

This turns the test from obvious sorting into fine visual comparison.

If 6 swatches feels easy, move to 8. If you can consistently order 8 with very little error, try 12.

Do not assume a higher error score at 12 means your color perception suddenly became worse. You changed the difficulty.

Is This a Color Blind Test?

No.

A Color Blind Test and a Color Perception Test are related to color vision, but they are designed around different tasks.

Your Color Blind Test uses pseudoisochromatic, Ishihara-style patterns to screen informally for possible red-green color vision difficulty.

This page asks you to arrange subtle shades from light to dark.

Someone can perform well on one task and find the other difficult.

A good score here does not rule out color vision deficiency, and a poor score does not automatically mean you are color blind.

If your concern is red-green color confusion specifically, use the Color Blind Test instead.

Why Your Screen Can Change the Result

This is one of the most important limitations of any online color test.

A browser sends color values to your display, but different screens do not reproduce those values identically.

Your result can be affected by:

• ✓screen brightness,
• ✓contrast settings,
• ✓display color profile,
• ✓Night Light or Night Shift,
• ✓blue-light filters,
• ✓HDR or vivid-color modes,
• ✓viewing angle,
• ✓ambient lighting,
• ✓screen quality,
• ✓and screen damage.

On some displays, small lightness differences may be easier to see than on others.

That means this test measures your perception through your current display, not your visual system in isolation.

How to Prepare Your Screen

Before taking the test:

• ✓turn off Night Light, Night Shift, and blue-light filters;
• ✓disable accessibility filters that alter colors;
• ✓avoid an extremely dim or extremely bright screen;
• ✓sit directly in front of the display;
• ✓avoid strong glare;
• ✓keep the browser zoom at a normal level;
• ✓and use the same setup for repeat tests.

If your result seems surprisingly poor, try another good-quality screen before assuming the result reflects your eyes.

Professional color tests use controlled equipment and viewing conditions for exactly this reason.

What Is the Farnsworth–Munsell 100 Hue Test?

The Farnsworth–Munsell 100 Hue Test, often shortened to FM100, is a standardized color-arrangement test used to evaluate color discrimination.

Despite the name, the traditional test uses 85 movable color caps arranged across four trays between fixed reference colors.

The task is to place those caps in a smooth hue sequence.

Its scoring system analyzes arrangement errors, and lower error is better.

Your browser test shares the general idea that people can reveal subtle color discrimination through ordering, but it is not a digital copy of the FM100 and should not use FM100 clinical or occupational score ranges.

This distinction keeps the result honest and easier to understand.

What Is a Good Color Perception Score?

The simplest answer is: Lower is better, and 0 is perfect for the current round.

There is no universal browser score that defines excellent, average, or poor color perception for this specific game.

The result depends on:

• ✓number of swatches;
• ✓number of rounds;
• ✓generated color family;
• ✓spacing between shades;
• ✓display characteristics;
• ✓ambient lighting;
• ✓and the scoring formula.

Avoid comparing your score with fixed cutoffs from a different color test.

Instead, compare repeated sessions using the same settings.

If your average error falls while conditions stay consistent, you are getting better at this particular shade-ordering task.

Why Can One Color Family Feel Harder Than Another?

Human color perception is not perfectly uniform across every part of color space.

Displays are not perfectly uniform either.

Two shades that differ by a similar numerical amount in software do not always look equally different to a human observer.

That means one round may naturally feel easier than another.

Do not overinterpret a single difficult hue family.

Multiple rounds provide a better picture of your performance on the game.

Can Color Discrimination Improve With Practice?

You can become better at the task.

Practice teaches you to compare neighboring swatches more systematically and to pay attention to smaller differences.

People who work with color frequently may also develop strong practical strategies for visual comparison.

But repeated improvement can partly reflect task familiarity, not a biological change in your eyes.

That is another reason to describe the result as performance on a color-perception challenge rather than a medical measurement.

Frequently Asked Questions

Test Your Color Perception Again

For a repeatable benchmark, choose one setup and keep it constant.

For example: 8 swatches + 3 rounds + same display

Turn off color-changing filters, use comfortable neutral lighting, and compare your average error across sessions.

The goal is not to earn a medical label. It is to see how accurately you can detect and order small visual differences that are easy to overlook.