Cuando el usuario entra en ismy.blue, la web de Mineault, verá una pantalla monocromática que va mostrando diferentes tonos de turquesa. En la parte de abajo hay dos casillas. Una para “esto es verde” y otra para “esto es azul”. A medida que se va avanzando, la web va mostrando tonos cada vez más parecidos entre sí y más difícil de categorizar en uno u otro color. Al final del test, la web le dice al usuario si, según sus respuestas, percibe el color turquesa como verde o como azul.
Fin al misterio del turquesa: cada persona lo ve de una forma distinta (lavanguardia.com)
¿Es mi azul tu azul? (WEB ismy.blue)
A mi me ha salido esto:
Tu límite está en el tono 171, más verde que el 76% de la población. Para ti, el turquesa es azul.
MI límite está en el tono 174, más verde que el 55% de la población. Para mí, el turquesa es azul.
Curioso porque con 174 a mí me ha clasificado así:
«Your boundary is at hue 174, just like the population median. You’re a true neutral.»
Será por los decimales.
He vuelto a repetir el test y me ha vuelto a dar 174. Pero esta vez me dice lo mismo que a ti: neutral.
De todas formas, lo interesante está aquí:
About This Website
People have different names for the colors they see. Language can affect how we memorize and name colors. This is a color naming test designed to measure your personal blue-green boundary.
Test validity
This website is for entertainment purposes only.
Color perception is tricky to measure–vision scientists use specialized calibrated equipment to measure color perception. Graphic designers use physical color cards, such as those made by Pantone, so that they can communicate colors unambiguously. Here we use your monitor or phone to test how you categorize colors, which is far from perfect, since your calibration may differ from mine.
The validity of the inference is limited by the calibration of your monitor, ambient lighting, and filters such as night mode. Despite these limitations, the results should have good test-retest reliability on the same device, in the same ambient light, which you can verify by taking the test multiple times. If you want to compare your results with friends, use the same device in the same ambient light.
Getting outlier results doesn’t mean there’s anything wrong with your vision. It might mean you have an idiosyncratic way of naming colors, or that your monitor and lighting is unusual.
Technical Details
The test asks you to categorize colors sequentially. Colors are often represented in HSL (hue, saturation, lightness) color space. Hue 120 is green, and hue 240 is blue. The test focuses on blue-green hues between 150 and 210. On the web, HSL coordinates are translated to sRGB color space, the standard color space of the web, which is not perceptually uniform. These sRGB values are translated nonlinearly to your monitor through a gamma curve.
The test assumes that your responses between blue and green are represented by a sigmoid curve. It sequentially fits that sigmoid curve to your responses:
Formula
This is equivalent to a logistic regression model. The test uses a maximum-a-posteriori (MAP) estimation algorithm (specifically, a second order Newton method implemented in pure JS, no calls to a backend) to fit the sigmoid curve to your responses, with a vague prior on the scale and offset parameters. It uses the fitted curve to determine which color will be presented next. It tries to be smart about where it samples new points, focusing on regions where you’re predicted to be intermediately confident in your responses. To improve the validity of the results, it randomizes which points it samples, and uses a noise mask to mitigate visual adaptation.
It’s a curve fit, not a binary search. In theory, if you feel like you’re guessing in the middle shades, or even guessing incorrectly, that should be fine. If you’re inconsistent in the middle, the curve fit should be able to recover, although your estimated threshold will have larger error bars.
Results
In early experiments, we found that people’s responses cluster around 175, which coincidentally is the same as the named HTML color turquoise . This is interesting, because the nominal boundary between blue and green is at 180, the named HTML color cyan . That means most people’s boundaries are shifted toward saying that cyan is blue.
What information does this website collect?
This website collects aggregate usage metrics to understand how many people use the site and when. Since we received plenty of responses to the test, we have closed data submission.
Who made this?
I’m Patrick Mineault, a neuroscience and AI researcher. I made this as a side project using Claude 3.5 Sonnet. I obtained a PhD in visual neuroscience from McGill in 2014. You can read my blog here.
Can I make a version of this for my favorite color pair?
En resumen:
– El tono 120 es verde y el tono 240 es azul.
– El límite nominal entre el azul y el verde está en 180, el color cian (color HTML)
– En los primeros experimentos, descubrimos que las respuestas de las personas se agrupaban en torno a 175, que casualmente es el mismo que el color turquesa (color HTML)
– Eso significa que los límites de la mayoría de las personas se desplazan hacia decir que el cian es azul.
Curioso. En un monitor barato Philips 167, mas verde que el 89%, turquesa es azul.
Pero con el portátil de pantalla (presuntamente) calibrada, 174, neutral.
Asi que el hardware importa.
Se te había pasado por la cabeza que no importase el hardware? si hasta unas gafas con filtro azul (como las mías) cambian una barbaridad los colores percibidos.
Salu2!
Turquesa según Adobe: https://www.adobe.com/es/express/colors/turquoise
Turquesa según Wikipedia: https://es.wikipedia.org/wiki/Turquesa_(color)
HTML: #5DC1B9
RGB (B): (93,193,185)
CMYK (C): (60,0,30,0)
HSV: (175,52%,76%)
Referencia:
B) Normalizado con rango [ 0 – 255 ] (byte)
C) Normalizado con rango [ 0 – 100 ] (cien)
Turquesa según paletadecolores.online: https://paletadecolores.online/turquesa/
La verdad es que yo tenía en mente que el turquesa tiraba más al azul claro que al verde. Pero viendo referencias por la web, muchas paletas turquesas me parecen bastante verdosas.Basta con ver los ejemplos de la Wikipedia.
Antes de hacer el test yo me preguntaría…
Tenéis pantalla calibrada? que cobertura de color tiene? jeje