virtualritz 18 hours ago

RGB is a color model[1], not a color space[2].

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

  • adrian_b 6 hours ago

    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.

    • virtualritz 4 hours ago

      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.

  • zeroq 14 hours ago

    Not an expert but I'll drop my 2c

    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. :)

    • subb 13 hours ago

      Except color is a construction of your eye-brain derived from stimuli, surround, memories, etc.

      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.

      • dahart 10 hours ago

        > 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?

        • subb 2 hours ago

          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.

          https://www.psy.ritsumei.ac.jp/akitaoka/marie-eyecolorconsta...

          • dahart an hour ago

            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.

        • IgorPartola 6 hours ago

          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.

          • dahart an hour ago

            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:

            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.

            • IgorPartola 19 minutes ago

              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.

          • wongarsu 3 hours ago

            "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)

            • IgorPartola 3 hours ago

              Which is interesting because I am printing digital photos which I edit on an RGB screen.

              • mceachen an hour ago

                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.

      • zeroq 12 hours ago

        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.

  • meodai 9 hours ago

    thanks for brining that up. Its a fight I stoped fighting a long time ago...

  • globular-toast 8 hours ago

    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?

Etheryte a day ago

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?

  • graypegg a day ago

    https://codepen.io/graypegg/full/XJXoxYB

    Only change is lines 421 + 422 that sloooowly rotated the cube are commented out in the javascript, otherwise should act the same!

    • internetter 14 hours ago

      holy shit its so much better

      • meodai 8 hours ago

        changed the original: interacting with the cube will stop the spin

  • meodai 9 hours ago

    I changed it: as soon as you interact with it, it stops spinning

meodai 9 hours ago

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.

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.

utopiah 3 hours ago

Neat, inspired me to make an immersive version (in WebXR) limited to named colors in HTML (140) so here is a 18s video https://video.benetou.fr/w/rugsEB2sSbqgixNm2QjumH

11 lines of JavaScript thanks to AFrame, threejs and some of my own tinkering :

  fetch('colors.json').then( res => res.json() ).then( colors => {
  colors.map( c => {
  let boxEl = document.createElement("a-box")
  boxEl.id = 'color_'+c.name
  let [r,g,b] = c.rgb.replace('RGB(','').replace(')','').split(',').map( n => Number(n)/100 )
  let pos = `${1-r} ${0.5+g} ${-0.5-b}`
  boxEl.setAttribute("position", pos)
  boxEl.initialPosition = pos
  boxEl.setAttribute("scale", ".1 .1 .1")
  boxEl.setAttribute("color", c.name)
  boxEl.setAttribute("target", "")
  boxEl.setAttribute("onpicked", "setFeedbackHUD('color'+selectedElements.at(-1).element.getAttribute('color'))" )
  boxEl.setAttribute("onreleased", "let el = selectedElements.at(-1).element; el.setAttribute('position',el.initialPosition)" )
  AFRAME.scenes[0].appendChild(boxEl)
  }) // end of fetch()
jcattle 3 hours ago

I've recently used two decades of satellite data to compute average colors for land-cover types (like average forest color or average water color).

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

Eric_WVGG a day ago

I use a similar app called Name That Color — https://chir.ag/projects/name-that-color/#6195ED

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.

  • chime a day ago

    You just reminded me that my app turned 18 a few months ago.

    Another dev, Daniel Flück, extended the app to help color blind users: https://www.color-blindness.com/color-name-hue/

    • IgorPartola 6 hours ago

      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.

kouru225 20 hours ago

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

  • dinkelberg 18 hours ago

    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?

    • ricardobeat 17 hours ago

      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?

      • dinkelberg 15 hours ago

        Chroma subsampling was developed for TV, long before JPEG.

billyp-rva a day ago

It's always struck me as odd how there are so many off-white colors in HTML/CSS compared to the rest of the space.

  • layer8 a day ago

    That’s because standard RGB is linear while human perception is closer to logarithmic.

  • kazinator a day ago

    Because there are so many off white colors in wall paint.

  • PaulHoule a day ago

    You mean all the low-saturation colors you see around the diagonal?

    • tocs3 a day ago

      I think that is hat was meant and I wonder about that also.

      Adding:

      Looking some more I think it would be nice if the rotation could be stopped.

      Labeling the axis would be nice also.

      • NooneAtAll3 7 hours ago

        > I think it would be nice if the rotation could be stopped.

        author said he fixed that, interacting will stop it now

    • billyp-rva a day ago

      When you switch the list to show just HTML/CSS colors, it's all the colors in the corner.

  • WillAdams a day ago

    Vagaries of monitor technology and a lack of calibration/the difficulty of calibrating for lighter colours.

CobrastanJorji a day ago

Neat!

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.

wormius 20 hours ago

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.

dougb5 a day ago

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.)

  • meodai 9 hours ago

    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?

  • Tempest1981 21 hours ago

    And how far things have come since the X11 color names

    • mceachen 18 hours ago

      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.

AceJohnny2 19 hours ago

Why is #00FFFF called "Aqua" and not "Cyan"?

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.

  • badmonkey0001 19 hours ago

    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.

phdelightful a day ago

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.

  • turtletontine a day ago

    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:

    https://en.wikipedia.org/wiki/Color_space?wprov=sfti1#

  • madcaptenor a day ago

    Here's the list of colors it works off of: https://github.com/meodai/color-names/blob/main/src/colornam...

    I'm trying to figure it out.

    • madcaptenor a day ago

      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.

      • meodai 9 hours ago

        oh Id love to add this to the tooling of the color names list. How did you figure out what the largest gap was?

  • adzm a day ago

    You can choose other color spaces here which is neat and helps visualize this a bit more accurately.

rezmason 21 hours ago

Bravo! I love color and color spaces.

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.

extraduder_ire a day ago

Neat seeing the different shapes the RGB space gets compressed into if you select a different colourspace on the bottom right.

calrain 15 hours ago

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.

anomie31 18 hours ago

Are there really no named colors outside the sRGB gamut?

  • meodai 9 hours ago

    Id love to start one. Not sure in what format to store them to be future proof though.

astolarz 18 hours ago

Randomly mousing over it I noticed "Trunks hair" (#9b5fc0) and had to look it up to be sure I wasn't crazy...

jjcm 20 hours ago

One thing I'd love to see is a comparison between named colors and colors in use. What areas are under represented by named colors?

gyrovagueGeist 17 hours ago

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.

arichard123 a day ago

Xkcd Colour names based on a survey: https://blog.xkcd.com/2010/05/03/color-survey-results/

  • madcaptenor 20 hours ago

    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.

Peteragain a day ago

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.

kazinator a day ago

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.

markburns a day ago

Can anyone explain the kind of dense cloud in the middle? Is that down to human perception? We don't give names to things we can't perceive uniquely?

  • allenu a day ago

    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.

  • csmoak 21 hours ago

    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).

jl6 20 hours ago

Wait, does this not use the colornames.org dataset?

  • meodai 9 hours ago

    No it does not colornames.org emerged after my color name list.

    • mrgaro 6 hours ago

      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?

      • meodai 2 hours ago

        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.

        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...

layer8 a day ago

Very nice! But there is no option to show color labels?

vardump a day ago

Is there a tool that can dither to named colors?

ajsnigrutin a day ago

Oh yes, i also use the "Graphical 80's sky" when describing my car color. (#0000fc)

hwc 18 hours ago

Now make it do a perceptually uniform color space.

jgoode19 a day ago

[flagged]

  • supriyo-biswas a day ago

    It appears you have quite a few LLM generated comments on here, and I’d appreciate if you stopped. Thanks.