Home › Device & Internet Tests › Color Hue Test

Color Hue Test

Four rows of colored caps run around the color wheel. The caps at each end are fixed: drag the ones in between so the colors change gradually from one end to the other. Then check your score to see your total error score and a chart of which hues gave you trouble.

Last updated:

Time 0:00Moves 0

Drag the caps in each row so the colors change gradually from the left pinned cap to the right one.

Mouse / touch: drag a cap, or tap a cap and then tap where it should go. Keyboard: Tab to a cap, Space to pick it up, ← → to move, Space to drop, ↑ ↓ to change row.

Your history
Advertisement
Advertisement

How to use the Color Hue Test

  1. Pick a test length: Quick, Standard or Expert. Each row is shuffled; the caps with a pin are fixed. The timer starts with your first move.
  2. Drag the caps in each row so the colors flow smoothly from the left fixed cap to the right one. On touch screens you can also tap a cap, then tap where it should go.
  3. Compare neighbors: each cap should sit between the two caps it is most similar to.
  4. Press Check my score when every row looks right.
  5. Read the results: total error score, rating, misplaced caps and the radial error chart.

How the scoring works

The caps are numbered by their true position around the hue circle. After you arrange a row, each cap is scored by its neighbors:

cap score = |cap − left neighbor| + |cap − right neighbor|

A cap that sits between its two true neighbors scores 2. The total error score is the sum of (cap score − 2) over all caps, so a perfect test scores 0. Swapping two neighboring caps adds 4 to 6 points; a cap dropped far from its place adds much more.

Example arrangementCap scoresError added
… 4 5 6 7 8 …all 20
… 4 6 5 7 8 …4→3, 6→3, 5→3, 7→34
… 4 5 9 6 7 … (9 taken from between 8 and 10)5→5, 9→7, 6→4, and 8→3, 10→3 now that they touch12

Test lengths and rating ranges

LengthHues on the circleMovable capsSuperiorAverageLow
Quick3228 (4 rows × 7)0 to 56 to 33over 33
Standard6460 (4 rows × 15)0 to 1112 to 71over 71
Expert8884 (4 rows × 21)0 to 1617 to 100over 100

The Expert ranges follow the commonly cited guide values for the Farnsworth-Munsell 100 Hue test (85 caps). The shorter lengths scale those values by the number of caps. Treat all of them as a rough guide for a screen test.

How the colors are made

All caps share the same lightness and the same saturation in the OKLCH color space (L = 0.70, C = 0.105) and differ only in hue, spaced evenly around the full circle. Because only hue changes, the task cannot be solved by sorting from light to dark. These values were chosen so every hue fits inside the sRGB gamut of ordinary screens. Small differences still depend on your display: a wide-gamut, calibrated screen in neutral light gives the most consistent results.

Reading the error chart

  • A small, round shape close to the inner circle means few errors spread evenly: good discrimination.
  • Isolated spikes usually mean single misplaced caps, often from a quick drag.
  • Two clusters on opposite sides of the circle form an axis. In clinical FM100 testing such axes are one pattern specialists examine; on a screen they can also come from display limitations. See an eye care professional if you have concerns about your color vision.

Frequently asked questions

How is the color hue test scored?

Every cap has a number for its true position on the hue circle. Each cap's score is the difference to its left neighbor plus the difference to its right neighbor, so a cap between its true neighbors scores 2. The total error score adds up (cap score − 2) over every cap, including the pinned ones, so 0 means a perfect arrangement. This is the scoring method used for the Farnsworth-Munsell 100 Hue test.

What is a good score?

0 is perfect. For the Expert length (84 caps, close to the 85 caps of the original test), the ranges published for the Farnsworth-Munsell 100 Hue test are a rough guide: about 0 to 16 superior discrimination, 20 to 100 average, and above 100 low. The Quick and Standard lengths use bigger color steps, so this tool scales those ranges by the number of caps. Scores also tend to get worse with age.

Is this the official Farnsworth-Munsell 100 Hue test?

No. The original uses physical caps with carefully specified Munsell colors viewed under standard daylight lighting. This is a free screen-based version in the same style. Your monitor, its settings and the room light all change what you see, so the result is for practice and curiosity, not a diagnosis.

What does the radial error chart show?

The chart wraps the hue circle into a ring. Each spoke is one cap, and the farther the line moves outward, the higher that cap's score. Errors that cluster on two opposite sides of the circle form an axis. In the original test, the angle of such an axis is one of the patterns eye care professionals look at, but a screen test cannot tell you whether you have a color vision deficiency.

Why are the fixed caps there?

Each row starts and ends with a fixed reference cap, so you know which colors the row should run between. The end cap of one row is the start cap of the next, so the four rows together make one continuous circle of hues.

How can I get a fair result?

Turn off night-light, blue-light filters and color effects, set a comfortable high brightness, look at the screen straight on and avoid colored light in the room. Take your time: there is no time limit, the timer is only shown for your own reference.

Are all the tools on FreeToolCabin tested for quality and accuracy?

Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.

Related tools

Color Perception TestFind the one tile with a different shade. The grid grows and colors get closer each level.Color Blindness TestQuick 14-plate dot test that screens for red-green and blue-yellow color vision deficiency.Monitor TestFull-screen monitor test patterns: uniformity, banding, gamma, sharpness, black level, ghosting.Color Blindness SimulatorSee any image as people with protanopia, deuteranopia, tritanopia or achromatopsia see itRefresh Rate TestCheck your monitor's refresh rate in Hz and spot dropped frames.Dead Pixel TestFind dead or stuck pixels on your screen.What Is My Screen ResolutionSee your screen resolution, viewport, pixel ratio, colour depth and display features.Screen FlashlightTurn your screen into a bright white or coloured light that stays awake.Ring LightTurn your screen into a ring light or fill light with adjustable color temperature.Online RulerAn actual-size on-screen ruler in cm, mm and inches, calibrated with a credit card.Device Pixel Ratio CheckerSee your device pixel ratio, CSS viewport, physical resolution and screen PPI live.Backlight Bleed TestFull-screen black and dark gray screens to check backlight bleed, IPS glow, clouding and blooming.Monitor Ghosting TestMoving-object pursuit test to reveal ghosting, overshoot and motion blur, with refresh rate.Screen Burn-in FixerFull-screen color cycles, noise and scrolling bars to reduce image retention, with a timer.Black ScreenFull-screen pure black page for OLED, screen cleaning or focus, with timer and hidden cursor.Color Printer Test PagePrint a CMYK + RGB color test page: color bars, gradients, skin tones and cartridge blocks.Online Eye Test ChartScreen-calibrated Snellen and tumbling E eye chart for a quick at-home vision check.Green ScreenFull-screen chroma key green (#00B140 or #00FF00) or any custom shade, with hidden cursor.HDR TestCheck if your screen shows HDR, compare HDR and SDR white, estimate peak brightness and color gamut.Monitor Calibration ToolGuided monitor calibration: brightness, contrast, gamma, sharpness and color test patterns.Printer Test PagePrint a black & white test page: text sizes, line grids, gray ramp, nozzle pattern, Letter or A4.Screen Tearing TestFast moving bars and panning patterns that make screen tearing and V-Sync problems easy to see.Astigmatism TestCheck each eye with a calibrated clock-dial chart and note which lines look darker.Heart Rate Monitor (Camera)Measure your pulse with your phone camera and flash: live BPM, waveform and history.Keep Screen AwakeStop your phone or computer screen from sleeping with one tap, with an optional timer.Frame Skipping TestLight one box per frame and photograph it to catch skipped frames after overclocking a monitor.Projector Test PatternFull-screen projector focus grid, keystone lines, color bars and 16:9, 4:3 and 2.35:1 frames.Touch Screen Accuracy TestTap shrinking targets to measure touch offset error per screen region, with a heatmap.
See all 28 Screen & Display Tests →