Skip to content
AbilityBench

Hue discrimination

Color perception test scored by how far each chip sits from home

Four rows of ten chips arrive shuffled between two fixed ends; drag each row back into a smooth progression and the page reports, per row, how far your arrangement is from the computed one. It is free, needs no account, and holds nothing back. Three of the rows walk a dichromatic confusion line at constant luminance so lightness cannot be used as a shortcut, and the fourth is a gray ramp with no hue in it — which is why the whole test is available to somebody who cannot separate red from green.

  • 100% free
  • No signup
  • 4 rows of 10 chips
  • No hue in row 4
  • Untimed

Four rows of ten chips, both ends of each row pinned, the middle eight shuffled. Put each row back into a smooth progression and the page scores how far every chip sits from where it belongs. There is no clock on it and no limit on how many times you move a chip.

Choose what you want ordered

7-8% of men and ≈ 0.4% of women of Northern European ancestry have a congenital red-green deficiency, and for them the first two rows are close to a single color. That is a reason to be offered the gray row as an equal choice, not a reason for this page to guess who needs it — it is listed above and it is nobody’s consolation prize.

Birch (2012), Worldwide prevalence of red-green color deficiency

Four things sitting inside this score

  • A night filter or reading mode. Any warm-shift feature squeezes the short-wavelength row toward one color, so row 3 gets harder in a way that has nothing to do with you. Turn it off before you start.
  • The panel’s gamut and profile. These chips are specified in sRGB. A wide-gamut display showing them without color management stretches every step and makes the rows easier; a laptop in a vivid or dynamic picture mode does the same unevenly.
  • The light in the room. Your eyes adapt to the ambient white point, and a screen judged under a tungsten lamp is being judged from a different starting state than the same screen at noon.
  • Bit depth. Neighboring chips here differ by only a few code values. Your browser has not reported a color depth yet. On a panel that dithers internally, two chips can arrive closer together than they were computed.

None of these can be measured from inside a browser tab, and none of them is a reason not to run the test. They are the reason the result is a description of what happened on this screen rather than a number about your visual system.

Click a chip to pick it up and click another to trade places, or move focus onto a chip and use the left and right arrow keys. Both routes are counted separately and both are reported.

How to take the hue arrangement test

Order the chips, press the button, read four scores that are never added together.

  1. Turn off anything that warms your screen

    Night Shift, Night Light, f.lux, a reading mode on a phone and a monitor preset called warm or cinema all shift the white point, and the short-wavelength row is the one that suffers. Set the display to its standard or sRGB picture mode, put brightness where you would normally read, and stop the sun falling directly on the panel. None of this is checkable from inside the browser, which is exactly why you are being asked.

  2. Rebuild each row into a smooth run of color

    The chip at each end of a row is pinned and cannot be moved; the eight between them are yours. Click one to pick it up and click another to trade places, or put keyboard focus on a chip and press the left and right arrow keys to walk it along. There is no time limit and no penalty for taking a row apart four times — only where the chips finish is scored.

  3. Read each row on its own

    The result gives four separate error scores plus the score a randomly shuffled row averages, and it names the adjacent pairs you left the wrong way round. The gray row is the one to read first: it tells you whether a high score on the hue rows was about color or about the ordering job itself. The four numbers are never summed, because a total would hide the only pattern worth looking at.

Technical specifications

Rows and chips4 rows of 10 chips. The first and last chip of every row is fixed, so 8 per row are shuffled and 32 chips in total are yours to place
How a hue chip is computedA chromaticity walked along one dichromatic confusion line at a fixed luminance of Y = 0.25, converted through the sRGB transfer function. The three lines pass through the conventional protan, deutan and tritan copunctal points, tabulated in Wyszecki & Stiles (1982), Color Science
Step sizeAbout 0.0062 in CIE 1976 u'v' between neighboring chips, roughly 0.056 end to end. The page solves for each chip individually because a confusion line is straight in CIE xy and slightly bent in u'v', so equal steps in one are unequal in the other
The fourth rowOne chromaticity — D65 — and ten steps of 2 units in CIE L*, from L* 46 to L* 64. Nothing in it varies in hue or saturation, so it can be ordered with no color vision at all
ScoringFarnsworth's total error score: each interior chip contributes the distance in true step numbers to the chip on its left plus the distance to the chip on its right, minus the 2 an ordered row contributes anyway. A row placed exactly scores 0
The reference beside your scoreA shuffled row of 8 chips averages 34.9 on that scale, computed in the tool over 20,000 seeded shuffles rather than quoted. It is arithmetic about the scoring rule, not a population figure, and no percentile is derived from it
Prevalence quoted, and how7-8% of men and ≈ 0.4% of women of Northern European ancestry — Birch (2012), Worldwide prevalence of red-green color deficiency. It appears as background on the start screen and is never combined with your score
What leaves the pageNothing, unless you press copy, which puts four scores, the chance figure and the run seed on your own clipboard. Chip positions are held in this tab's memory and are not written to storage

Frequently asked questions

Is this a color blindness test?

No — it measures discrimination and refuses to name a type, and the distinction is not modesty. A test that says deutan rather than protan is reading which of two nearly parallel confusion families your errors fall on, and that reading needs stimuli whose coordinates are known to land where the design says they do. On an unprofiled display in an unlit-or-lit room, the same chip can arrive anywhere within a visible margin of its specification, and the margin is wide enough to move errors between families. So the page reports the rows separately, names the pairs you transposed, and leaves the classification to somebody with a calibrated light box.

Why are all the chips in a row the same brightness?

Because a row that varies in brightness can be ordered without seeing color at all, which is the commonest way a browser hue test measures nothing. Hold luminance constant and the only cue left is chromaticity. This is also why the three hue rows look washed out compared with the saturated wheels other sites use: a fully saturated red and a fully saturated blue are nowhere near the same luminance, and any row containing both is a lightness ramp wearing color.

What does the gray fourth row have to do with color?

Nothing, and that is its job. It is the control that separates two very different reasons for a high score: not seeing the hue difference, and seeing it perfectly well while finding the arrangement task itself fiddly. Somebody who scores 40 on the hue rows and 38 on the gray row has told you about ordering ten things, not about their cones. It is also the whole test for anyone who wants it — running the gray row alone is offered on the start screen as an equal choice, and the page says plainly that the question has changed to how fine a lightness step you can sort.

My score was much better the second time. Which one is real?

The first one, and the gap between them is learning rather than eyesight. An arrangement task is heavily practiced: on a second pass you remember roughly where the awkward chips went, and on a third you remember the row. The chips themselves never change between runs — only the starting shuffle does — so the useful comparison is not run one against run two but the same run repeated in a month, or your hue rows against your own gray row. The page keeps a seed with each result so an identical shuffle can be replayed deliberately.

Does a phone screen work for this?

It works, with two caveats that both make the rows easier rather than harder. Modern phones are wide-gamut and aggressively color-managed, which tends to render these sRGB chips accurately but at a higher peak brightness than a desktop panel, and higher luminance improves discrimination. The second is size: chips a centimeter across sit on more cone-dense retina than chips three centimeters across at arm's length, and small adjacent patches with a shared border are the easiest arrangement there is. Compare a phone score with a phone score.

Why does the same chip look different next to different neighbors?

Because it does, and simultaneous contrast is doing it. A patch surrounded by a slightly greener neighbor shifts perceptually toward pink, which means the arrangement you are building changes as you build it. This is a genuine property of the visual system rather than a defect in the test, and it is one reason the original cap tests keep the caps in a physical tray with a fixed gray surround. If a chip stops looking right after you move it, move it back and look at it against the two chips it will actually sit between.

Can I show this result to an optometrist?

Show them that you took it and what it did, not the number. Clinical color vision testing uses plates or caps of known spectral reflectance under a standard illuminant, usually a Macbeth easel lamp, precisely so that the stimulus is not a variable — and an anomaloscope, which is the instrument that actually classifies a deficiency, works by asking you to match a mixture of two monochromatic lights. None of that survives a browser tab. What a result here can honestly do is prompt the appointment.

What the cap tests do, and what a monitor takes away

The arrangement family of color vision tests goes back to Farnsworth (1943), who put colored caps of constant lightness and saturation in a tray and asked for them in order. The idea is stronger than a plate test in one specific way: a plate gives a pass or a fail on a stimulus somebody designed to be confusable, while an arrangement gives a graded score and, more usefully, an axis — the region of the hue circle where the mistakes cluster. The scoring has survived unchanged since then. Each cap earns the sum of the distances to its two neighbors in the arrangement, an ordered row contributes two per cap by construction, and the leftover is the error. Zero is a perfect tray. Nothing about that arithmetic needs a printing press, which is why this page could reproduce it exactly while reproducing none of the stimuli.

The stimuli are where a browser has to start over, and the reason is in the module this site takes its reference figures from, which refuses to supply plate results at all: The plates are copyrighted, and they are calibrated for print under standard illumination. Rendering them on an uncalibrated monitor invalidates the test even where reproduction is permitted, because the whole design rests on precise dot colors. So these chips are computed instead. Each hue row is ten chromaticities on a single line through one of the three dichromatic copunctal points — the convergence points of the families of colors that a protanope, a deuteranope or a tritanope respectively cannot tell apart — held at one luminance and spaced about 0.0062 apart in CIE u’v’. That construction is checkable: the coordinates are in the page, the transfer function is the standard one, and anybody can verify that the chips sit where the description says. What is not checkable from here is the last link in the chain, the one between a code value and the light that leaves your panel, and that link contains your brightness setting, your picture mode, your color profile, whether the display is sRGB or wide-gamut, and how much daylight is falling on it.

That uncontrolled link is the reason this page borders on the contrast sensitivity test without overlapping it: there the unknown is luminance and gamma, here it is chromaticity and white point, and both are properties of a device nobody in this conversation can measure. It is also why the third page in this group, the optical illusion test, asks a question that survives the uncertainty — a length judgment does not care what your white point is. If you want the visual measurements that a browser can pin down, they are the geometric ones: the blind spot test finds a location on your retina, the dominant eye test asks which eye you sight with, and the depth perception test works in disparities that are computed from the screen rather than displayed by it.

This is a measurement exercise, not a clinical assessment. It reports what you did on this page against a stated reference and nothing more — it cannot establish a color vision deficiency, or which type of one. Only a qualified professional, working with more than a browser, can make that judgment.

Where the 32 chip positions live

Every number on this page is worked out by JavaScript running in the tab you are reading it in. Your answers, your reaction times and your score are never uploaded, logged or kept — which is also why the test carries on working after you disconnect from the network, and why nothing here can be held back behind an email address.

The arrangement is an array of small integers in this tab and is scored in place. It is not written to local storage, so a reload starts a fresh shuffle and a finished run cannot be recovered — which is what the copy button is for, and the copied text carries the four scores rather than the chip-by-chip record.