Note that the headline gets this wrong but the page linked to gets this right.
sRGB or Rec2020 or ACEScg etc. are color spaces with known primaries and a known whitepoint. This is not nit-picky. Almost everyone doing CGI for the first time w/o reading up on some theory beforehand gets this wrong (because of gamma and then premultiplication, usually in that order).
Then there are color models which are also color spaces. CIE XYZ is an example.
While you are right, sometimes "RGB" is used as an abbreviation for some color space that is understood from the context, e.g. the CIE 1931 RGB color space (from which the CIE XYZ color space has been derived) or the RGB decoded correspondent of some TV color space, e.g. NTSC, PAL or SECAM.
I would really like to understand where that "sometimes" is, nowadays.
RGB just means that color is expressed as a triplet of specific wavelengths. But what is red? And what does red = 1.0 mean w/o context (aka primaries & whitepoint)? What about HDR? What does green = 2.0 convey? Etc.
For context, I worked in VFX production from the 90's to the early 2010's. About 25 years.
And in commercially available VFX-related software, until the early 2000's, mostly, RGB meant non-linear sRGB, unfortunately (or actually: "whatever" would be more true).
And it shows. We have VGX composed in non-linear color space with blown-out, oversaturated colors in highlights, fringes from resulting alpha blending errors, etc. A good compositor can compensate for some of these issues but only so far. If the maths are wrong, stuff will look shitty to some extend. Or as people in VFX say: "I have comments."
After that, SIGGRAPH courses etc. ensured people were developing an understanding on how much this matters.
And after that we had color spaces and learned to do everything in linear. And never looked back.
Games, as always, caught up a decade after. But they, too, did, eventually.
Most of my career was somehow related to graphics programming and I always thought it's bit weird that most quantization algorithms were operating in RGB model despite the fact that it was designed for hardware, not so for faithful color manipulation.
The easiest way to see that is to imagine a gradient between two colors and trying to make it in RGB. It doesn't seem right most of the time.
If so, then why would we consider distance in 3D space between two colors as faithful representation of their likeness?
Well, lo and behold, it's 2025 and everyone finally accepting LAB as the new standard. :)
> It's definitely not something you can plug into a three-value model.
What do you mean? And what is screwed up? We use 3 dimensions because most of us are trichromats, and because (un-coincidentally) most digital display devices have 3 primaries. The three-value models definitely are sufficient for many color tasks & goals. Three-value models work so well that outside of science and graphics research it’s hard to find good reasons to need more, especially for art & design work. It’d be more interesting to identify cases where a 3d color model or color space doesn’t work… what cases are you thinking of? 3D cone response is neither physical (spectral) color nor perceptual (“brain”) color, and it lands much closer to the physically-based side of things, but completely physically justifies using 3D models without needing to understand the brain or perception, does it not?
They are very useful to encode stimuli, but stimuli is "not yet" color. When you have an image that is not just a patch of RGB value, a lot of things will influence what color you will compute based on the exact same RGB.
Akiyoshi's color constancy demonstrations are good examples of this. The RGB model (and any three-values "perceptual" model) fails to predict the perceived color here. You are seeing different colors but the RGB values are the same.
Here you’re talking about only perception, and not physical color. You could use 100 dimensional spectral colors, or even 1D grayscale values, and still have the same result. So this example doesn’t have any bearing on whether a 3D color space works well for humans or not. Do you have any other examples that suggest a 3D color space isn’t good enough? I still don’t understand what you meant.
Yes exactly. I'm intentionally using "color" as a perceptual thing, not as a physical thing. If we are talking about a color model, then it needs to model perception. As such, RGB, as a predictor of perception, can often fail because it doesn't account for much more than what hits the retina, not what happens after. For one, it lacks spatial context - placing the same RGB value with a different surround will feel different, like in the example above. But if you had a real color (as-in, perceptual) picker in Photoshop, you would get a different value.
It's excellent at compressing the visible part of the EM spectrum, however. This is what I meant by stimuli encoding.
I had experimented with some photo printing services and came across one professional level service that offered pigment inkjet printing (vs much more common dye inkjet printing). Their printers had 12 colors of ink vs the traditional 4. I did some test photos and visually they looked stunning.
"You only need three colors" is a bit of a cheat, because it doesn't really work out in reality. You can use three colors to get a good color gamut (as your screen is doing right now), but to represent close to every color we can see you would need to choose a red and blue close to the edge of what we can perceive, which would make it very dim. And because human vision is weird you would need some negative red as well, which doesn't really exist.
Printing instead uses colors that are in the range we can perceive well, and whenever you want a color that is beyond what a combination of the chosen CMYK tones can represent you just add more colors to widen your gamut. Also printed media arguably prints more information than just color (e.g. "metal" colors with different reflectivity, or "neon" colors that convert UV to visible light to appear unnaturally bright)
I paid for college in part by doing digital prepress. We had CMYK and 8 and 12 color separations.
CMYK always has a dramatic color shift from any on-screen colorspace. Vivid green is really hard to get. Neons are (kinda obviously) impossible. And, hilariously/ironically (given how prevalent they are), all manor of skin tones are tough too.
Photoshop and Illustrator let you work in CMYK, and is directionally correct. Ask your printer if they accept those natively.
Have you looked at the actual ink colors? Printing is a very different story. They’re not using 12 primaries, they’re using multiple gradations of the same primary. I don’t know which ink set you used, but 5 different grayscale values is common in a 12-ink set. Here’s an example of a 12 ink set:
There’s only 1 extra color there: red. There are multiple blacks, multiple cyans, multiple yellows, and multiple magentas. The reason printers use more than 3 inks is for better tone in gradations, better gloss and consistency. It’s not because there’s anything wrong with 3D color models. It’s because they’re a different medium than TVs. Note that most color printers take 3D color models as input, even when they use more than 3 inks.
I believe they had the standard CMYK, four shades of black, as well as red, orange, green, and either violet or blue. But it has been a bunch of years so this is off memory. I honestly don’t remember the name of it. What I do remember is that they didn’t not have a web based ordering system. Instead they had a piece of desktop software you had to install. And you had to prove that you are a professional photographer before they would let you create an account. I am not a professional photographer but I did enough amateur photography that I managed to fake my way into it and placed a few orders. Quality was definitely better for all options compared to Nations Photo Lab but so was the price and the ordering setup was much more complex so I didn’t continue using them. They did have a lot more specialty options than any other printer I have seen.
fun fact: there's a guy with similar background to mine, with similar dedication to color, yet way more productive and he came out with this incredible piece of art: rebelle app
As with most recent technological breakthroughs it uses math from 1931 paper to magically blend colors in ways that seems so realistic it's almost uncanny.
Is this why there appears to be a quite distinct plane inside the cube? If we were looking at them in the colour space would it look more uniformly spread?
Wish there was a way to make it stop spinning, it's practically impossible to figure out adjacent colors because everything keeps moving no matter what you do. Perhaps there is a way, but I didn't find it?
I originally made this about 8 years ago just for myself: to see where the color name list I maintain had gaps: https://github.com/meodai/color-names
As I learned more about color models, I kept adding different ones over time. The perceptual models helped me understand the “missing” areas much better.
I like sharing descriptive names with designers instead of naming everything "light blue" "dark blue" "not quite as light but still not dark blue" etc.
This new thing is tons of fun but seems a bit less practically useful.
I am curious why in your example you compare indigo to violet and purple since purple has a major red component while indigo and violet are on the complete opposite end of the visible color spectrum and are single wavelength colors.
Very clearly shows much more sensitive our eyes are to luminance rather than hue or saturation, which was the main observation that allowed for the high compression rate of JPEG
Are you speaking of chroma subsampling, or is there a property of the discrete cosine transform that makes it more effective on luma rather than chroma?
Probably chroma subsampling - storing color at lower resolution than luminance to take advantage of the aforementioned sensitivity difference. Since it’s stored at 1/4 resolution it can alone almost halve the file size.
Saying it’s the insight that led to JPEG seems wrong though, as DCT + quantization was (don’t quote me on this) the main technical breakthrough?
Feature request: I want the name of the color I'm hovering over to pop up next to the color. I don't want to have to look in the top left to see the name, especially with the board spinning. Also, I want the specific circle I'm hovering over to get a bit bigger so that I can see its exact color better and know that I've selected it.
Is the initial setting (Color Name List) a list of ALL the colors in each "sub" category listed in the drop menu?
If so, would it be possible to put a "namespace" in front (like html.violet, or html::violet). That way you see which source it's from? That way you know where it's from (though I realize this may cause multiple "hits" on the same value/name) Or perhaps same names have different values.
Either way, pretty cool. I agree, it would be nice to have a button or mode to stop spinning without having to hack it manually.
Great project! It's visually dazzling and it really drives home the sheer size of the universe(s) of named colors.
I've long been interested in the names of colors and their associations. If I may plug my own site a bit, check out the "color thesaurus" feature on OneLook that organizes color names more linearly. Start with mauve, as an example: https://onelook.com/?w=mauve&colors=1
(It also lets you see the words evoked by the color and vice versa, which was a fun LLM-driven analysis.)
I am the creator of the 3d thing that was shared. I am very interested in collaborating on something. Is the data you used for it accessible somewhere?
X11 color names are atrociously bad. Inconsistent prefixes and suffixes, flatly wrong names for many handfuls of RGB triplets, and it’s what got hard wired into CSS and HTML.
What coordinate in the space is furthest from any named color? It looks like there are some relatively large voids in the blue/purple boundary area but it’s hard to say.
perceptual distance is quite different from Euclidean distance in this RGB space. Like if put two swaths of color side by side and said “how similar are these?” to samples of people, the groupings would not much resemble this cube.
They’ve done this! It’s shown on a “chromaticity diagram”, and is useful for comparing what colors different screens/printers/etc can reproduce. (It’s 2D not 3D cause it’s normalized for luminance or brightness.) Color science is weirdly fascinating:
For Euclidean distance it seems to be in the neighborhood of (59, 250, 60) which is a bright green, although of course Euclidean distance is not perceptual distance. The blue at (57, 42, 214) also is up there.
Could be just plain alphabetical. There's a selector for which color name list to use/examine on the bottom of the visualization. There's also a selector for which color space model to use.
This cube is the "inverse table" used to map colors to a palette. The animated regions are tints and shades of pure red, green, and blue. Ideally, this cube would be a voronoi diagram, but that would be prohibitively expensive for Macs of the late eighties. Instead, they mapped the palette colors to indices into the table, and expanded the regions assigned to those colors via a simultaneous flood fill, like if you clicked the Paint Bucket tool with multiple colors in multiple places at the same time. Except in 3D.
It would be great to see this for each culture around the world, identifying the named colours from their language / culture.
I saw a BBC? documentary about this years ago and it showed how some cultures had the ability to clearly identify different colours where I couldn't see any difference.
It turns out that knowing subtle differences in colours can have a strong impact on your daily life, so cultures pick unique parts of the colour spectrum to assign names to.
My favorite bit of this survey (scroll down to "Miscellaneous") is that one of the color names in the raw data set is "unsure-whether-boy-or-girl baby room color". My daughter's room is this color - we painted before she was born. They told us we were going to have a boy but they misread the ultrasound.
Thief of Time by Terry Prachett has a great minor bit about characters who are naming themselves after colors running out of human made labels, as they have to get increasingly esoteric with the names.
It's fun to see that visualized.
What is interesting to me is the blank spaces for various naming systems. Ornithologist's view (Ridgway) versus Japanese traditional. Reminds me of the discussion of the blue/green distinction by Kay etc al.
I like the view into the black corner toward white. From that aspect, the black-white axis looks like an atmospheric effect, and the blacks appear as if they were opaque objects balls suspended in front of an illuminated fog.
It's probably just aesthetics. Those colors are more commonly used in illustration and design, so they tend to get labeled. There might be some perception involved in there as well as it's easier for our eyes to pick apart the more pastel colors from each other than the darker colors from each other.
i would expect the more dense part to be the smaller gamut that can be made with paint since we've been naming those colors for a lot longer than the larger gamut that can be made with a screen. The paint/print gamut looks kinda like the more dense parts of these scatter plots within the larger sRGB cube (though the paint gamut isn't entirely contained within sRGB).
I'm curious to understand the need to have names for such many different colors and I'd love to hear your take! A naive reasoning would say that names are useful if at least two different persons know the meaning for a name and thus it will help communication.
Now I'm not sure how many colors are there in that list, but it feels like there are too many to be practically useful. How do you see this?
I build a lot of tools that generate colorpalettes and I wanted a wide range of nice-sounding names that feel evocative of the colors they represent. I see it as an API between a program and a human.
I started with about 1,600 names scraped from Wikipedia, but with only that many, there were a lot of redundancies and when you disallow duplicates, you end up with colors being labeled as “orange” even though they don’t actually look orange. On top of that many of the names were racist or at least questionable (so are many names on colornames.org)
Other large lists like the Pantone one, don't have a permissive license.
So for the past ten years or so, I’ve been collecting color names in a very unscientific way. It slowly turned into a hobby—something I often do on vacation, especially when I’m surrounded by unfamiliar places, dishes, or objects where color is used in unexpected ways.
Note that the headline gets this wrong but the page linked to gets this right.
sRGB or Rec2020 or ACEScg etc. are color spaces with known primaries and a known whitepoint. This is not nit-picky. Almost everyone doing CGI for the first time w/o reading up on some theory beforehand gets this wrong (because of gamma and then premultiplication, usually in that order).
Then there are color models which are also color spaces. CIE XYZ is an example.
[1] https://en.wikipedia.org/wiki/Color_model
[2] https://en.wikipedia.org/wiki/Color_space
RGB just means that color is expressed as a triplet of specific wavelengths. But what is red? And what does red = 1.0 mean w/o context (aka primaries & whitepoint)? What about HDR? What does green = 2.0 convey? Etc.
For context, I worked in VFX production from the 90's to the early 2010's. About 25 years.
And in commercially available VFX-related software, until the early 2000's, mostly, RGB meant non-linear sRGB, unfortunately (or actually: "whatever" would be more true).
And it shows. We have VGX composed in non-linear color space with blown-out, oversaturated colors in highlights, fringes from resulting alpha blending errors, etc. A good compositor can compensate for some of these issues but only so far. If the maths are wrong, stuff will look shitty to some extend. Or as people in VFX say: "I have comments."
After that, SIGGRAPH courses etc. ensured people were developing an understanding on how much this matters.
And after that we had color spaces and learned to do everything in linear. And never looked back.
Games, as always, caught up a decade after. But they, too, did, eventually.
Most of my career was somehow related to graphics programming and I always thought it's bit weird that most quantization algorithms were operating in RGB model despite the fact that it was designed for hardware, not so for faithful color manipulation.
The easiest way to see that is to imagine a gradient between two colors and trying to make it in RGB. It doesn't seem right most of the time.
If so, then why would we consider distance in 3D space between two colors as faithful representation of their likeness?
Well, lo and behold, it's 2025 and everyone finally accepting LAB as the new standard. :)
It's definitely not something you can plug into a three-value model. Those are good stimuli encoding space, however.
The distinction between brain-color and physical-color is what screws everyone up.
What do you mean? And what is screwed up? We use 3 dimensions because most of us are trichromats, and because (un-coincidentally) most digital display devices have 3 primaries. The three-value models definitely are sufficient for many color tasks & goals. Three-value models work so well that outside of science and graphics research it’s hard to find good reasons to need more, especially for art & design work. It’d be more interesting to identify cases where a 3d color model or color space doesn’t work… what cases are you thinking of? 3D cone response is neither physical (spectral) color nor perceptual (“brain”) color, and it lands much closer to the physically-based side of things, but completely physically justifies using 3D models without needing to understand the brain or perception, does it not?
Akiyoshi's color constancy demonstrations are good examples of this. The RGB model (and any three-values "perceptual" model) fails to predict the perceived color here. You are seeing different colors but the RGB values are the same.
https://www.psy.ritsumei.ac.jp/akitaoka/marie-eyecolorconsta...
It's excellent at compressing the visible part of the EM spectrum, however. This is what I meant by stimuli encoding.
Printing instead uses colors that are in the range we can perceive well, and whenever you want a color that is beyond what a combination of the chosen CMYK tones can represent you just add more colors to widen your gamut. Also printed media arguably prints more information than just color (e.g. "metal" colors with different reflectivity, or "neon" colors that convert UV to visible light to appear unnaturally bright)
CMYK always has a dramatic color shift from any on-screen colorspace. Vivid green is really hard to get. Neons are (kinda obviously) impossible. And, hilariously/ironically (given how prevalent they are), all manor of skin tones are tough too.
Photoshop and Illustrator let you work in CMYK, and is directionally correct. Ask your printer if they accept those natively.
https://www.amazon.com/Xeepton-Cartridge-Replacement-PFI4100...
There’s only 1 extra color there: red. There are multiple blacks, multiple cyans, multiple yellows, and multiple magentas. The reason printers use more than 3 inks is for better tone in gradations, better gloss and consistency. It’s not because there’s anything wrong with 3D color models. It’s because they’re a different medium than TVs. Note that most color printers take 3D color models as input, even when they use more than 3 inks.
For example, the ETC Source4 LED Lustr X8 has: Deep Red, Red, Amber, Lime, Green, Cyan, Blue, Indigo[0]
RGB LEDs are pretty crappy at rendering colours as they miss quite a lot of the colour spectrum, so the solution is just add more to fill in the gaps!
[0] https://www.etcconnect.com/WorkArea/DownloadAsset.aspx?id=10...
As with most recent technological breakthroughs it uses math from 1931 paper to magically blend colors in ways that seems so realistic it's almost uncanny.
Only change is lines 421 + 422 that sloooowly rotated the cube are commented out in the javascript, otherwise should act the same!
As I learned more about color models, I kept adding different ones over time. The perceptual models helped me understand the “missing” areas much better.
Later, after building an API around the list (https://github.com/meodai/color-name-api ), I started including other lists with permissive licenses too.
Appreciate all the thoughts and feedback here. I’ve also changed it so the cube stops spinning once you interact with it.
11 lines of JavaScript thanks to AFrame, threejs and some of my own tinkering :
I like sharing descriptive names with designers instead of naming everything "light blue" "dark blue" "not quite as light but still not dark blue" etc.
This new thing is tons of fun but seems a bit less practically useful.
Another dev, Daniel Flück, extended the app to help color blind users: https://www.color-blindness.com/color-name-hue/
If you want to extend your color naming game by being able to say: This looks like Afghanistan-Water, or this looks like Ecuador-Forest
Page is here: https://landshade.com
Saying it’s the insight that led to JPEG seems wrong though, as DCT + quantization was (don’t quote me on this) the main technical breakthrough?
Adding:
Looking some more I think it would be nice if the rotation could be stopped.
Labeling the axis would be nice also.
author said he fixed that, interacting will stop it now
Feature request: I want the name of the color I'm hovering over to pop up next to the color. I don't want to have to look in the top left to see the name, especially with the board spinning. Also, I want the specific circle I'm hovering over to get a bit bigger so that I can see its exact color better and know that I've selected it.
If so, would it be possible to put a "namespace" in front (like html.violet, or html::violet). That way you see which source it's from? That way you know where it's from (though I realize this may cause multiple "hits" on the same value/name) Or perhaps same names have different values.
Either way, pretty cool. I agree, it would be nice to have a button or mode to stop spinning without having to hack it manually.
I've long been interested in the names of colors and their associations. If I may plug my own site a bit, check out the "color thesaurus" feature on OneLook that organizes color names more linearly. Start with mauve, as an example: https://onelook.com/?w=mauve&colors=1 (It also lets you see the words evoked by the color and vice versa, which was a fun LLM-driven analysis.)
They’ve done this! It’s shown on a “chromaticity diagram”, and is useful for comparing what colors different screens/printers/etc can reproduce. (It’s 2D not 3D cause it’s normalized for luminance or brightness.) Color science is weirdly fascinating:
https://en.wikipedia.org/wiki/Color_space?wprov=sfti1#
I'm trying to figure it out.
I guess there exist multiple names for the same colors, per https://www.w3schools.com/cssref/css_colors.php, and for some reason "Aqua" takes precendence in this display.
I've been researching the way classic Macs quantize colors to limited palettes:
https://rezmason.net/retrospectrum/color-cube
This cube is the "inverse table" used to map colors to a palette. The animated regions are tints and shades of pure red, green, and blue. Ideally, this cube would be a voronoi diagram, but that would be prohibitively expensive for Macs of the late eighties. Instead, they mapped the palette colors to indices into the table, and expanded the regions assigned to those colors via a simultaneous flood fill, like if you clicked the Paint Bucket tool with multiple colors in multiple places at the same time. Except in 3D.
I saw a BBC? documentary about this years ago and it showed how some cultures had the ability to clearly identify different colours where I couldn't see any difference.
It turns out that knowing subtle differences in colours can have a strong impact on your daily life, so cultures pick unique parts of the colour spectrum to assign names to.
VOX : The surprising pattern behind color names around the world https://youtu.be/gMqZR3pqMjg
If you're interested in this is as a board game - https://boardgamegeek.com/boardgame/302520/hues-and-cues
Now I'm not sure how many colors are there in that list, but it feels like there are too many to be practically useful. How do you see this?
I started with about 1,600 names scraped from Wikipedia, but with only that many, there were a lot of redundancies and when you disallow duplicates, you end up with colors being labeled as “orange” even though they don’t actually look orange. On top of that many of the names were racist or at least questionable (so are many names on colornames.org)
Other large lists like the Pantone one, don't have a permissive license.
So for the past ten years or so, I’ve been collecting color names in a very unscientific way. It slowly turned into a hobby—something I often do on vacation, especially when I’m surrounded by unfamiliar places, dishes, or objects where color is used in unexpected ways.
Tools I made that benefit from using the names:
- https://meodai.github.io/poline/ - https://words.github.io/color-description/ - https://farbvelo.elastiq.ch/ - https://codepen.io/meodai/pen/PoaRgLm - https://parrot.color.pizza/ - https://meodai.github.io/rampensau/
And probably some that I forgot about...
also, beautiful site! https://elastiq.ch/