Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203

In this episode, Surma explains a bit of the history of color spaces (sRGB, CIE XYZ, p3, rec2020, CIE LAB...) and why they are important. Jake asks questions.
Bartosz Ciechanowski’s brilliant blog post on color spaces → goo.gle/2XeAs9V
Wikipedia on the Retina’s cone cells → goo.gle/3BXhhQM
Predefined color spaces in CSS Color → goo.gle/2VveJtx
@argyleink’s gradient demo → goo.gle/3nmjgdp
Converting between CIE XYZ and LAB → goo.gle/3txOa3J
More videos in the HTTP 203 series → goo.gle/HTTP203
Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs
Also, if you enjoyed this, you might like the HTTP203 podcast → goo.gle/HTTP203Podcast
#HTTP203 #ChromeDeveloper #WebDev

[@ArielVolovik]

Thanks as always for posting these HTTP203 videos on interesting topics!

[@rubenverg]

"we just enjoy you doing it" lmao

[@SimonBuchanNz]

Wow, this is the least wrong video on color spaces I've seen! But seriously, I've seen so many just completely wrong explanations of cones and XYZ that to have a correct so far as I can tell video is very impressive. Honestly, this is a very difficult thing to explain, and you don't even have a good way to visualize a lot of it. I would have liked to see the gamuts in Luv or whatever to show the perceptual difference better, but the radial gradients were a great way to show the difference!

[@swampflux]

I discovered Lab color in Photoshop probably 20 years ago and have gripped tightly onto it. I always hoped more applications would adopt it. Of course now there are even more accurate human-friendly color spaces like HSLuv and the brand new OKHSL. But I digress. CSS transitions in Lab are going to be *awesome*.

[@AdamArgyleInk]

Great episode! COLOR!!!!

[@martixy2]

I did not expect a Veritasium video on HTTP203. Major 👍👍👍 for not glossing over the science of color perception.

[@numtostr]

This 203 ep seemed like a science show.

[@alexanderhorner]

Love, great video as always. Can’t wait for this to be widely available

[@ShinigamiZone]

This was really interesting!

[@cintron3d]

I have enjoyed you doing the clap as well :) Also thank you once again. This is really exciting news! I'm really looking forward to being able to use L.A.B. in web design now.

[@BillyBraga]

Beautiful new set by the way!

[@andreadoimo3468]

This clarified quite a lot of small things I had in mind ... thanks!

[@lolerie]

They did not mention a lot of things. This is just forshadowing to ICC for HDR.

[@bramus]

"The conversation, it just flows" 😂

[@alvaroprietovideos]

I loved this video, thank you for sharing

[@AndersonSilva-dg4mg]

Thank you for the information

[@spoon527]

Good video.

[@linjason2778]

amazing!

[@ratias0]

"We know Math. Math is good" Surma

[@5onderling]

Great Episode. You should probably check out the blog posts of Björn Ottosson and the color spaces he created.

[@dimchanske]

Surma: "We know Math. Math is good" Jake: "Right (ugh)"

[@sandaruwanrathnayaka2735]

හොඳයි 🤩😇

[@hcsftw]

Love your intro 😂 Nice acting

[@mmahgoub]

That's why they work at Google and we don't, thank you very much that was really thoughtful

[@31redorange08]

Hä?

[@muf1772]

In the next video you can explain the differences between Rec709 and sRGB and why Chrome doesn't perform proper gamma conversion for videos.

[@dassurma]

Did you file a bug for this?

[@dom8429]

I like colors :)

[@delulu6969]

That means if we animate lab color space in css from red to blue to yellow, we can get rainbow?

[@chrislilley7547]

if you animate in LCH (the polar form of Lab), yes

[@dwighthouse]

What do you think about LCH color space?

[@dassurma]

LCH is the same color space as LAB, just from a different perspective. LAB is cartesian (the space is a cube) where a and b have different colors at their extremes, while LCH (Lightness, Chromaticity, Hue) is cylindrical, and Hue is an angle, so it’s an cylindrical space. It’s the same difference as rgb() and hsl(). Same space, different coordinate system.

[@derekacosta9840]

anyone what cameras they're using?

[@ketanchaudhari2337]

The least wrong video on color spaces

[@Pfoffie]

Feels like all we get is more green. Yay.

[@Pfoffie]

And thanks. That video was so interesting

[@SimonBuchanNz]

That's part of what Surma was talking about: compare the CIE 1931 xy diagram against the later attempts at perceptually uniform diagrams such as CIE 1976 Luv: en.m.wikipedia.org/wiki/CIELUV#/media/File%3ACIE_1976_UCS.png

[@Pfoffie]

@@SimonBuchanNz haha thanks, I’m a bit ashamed that it wasn’t clear that I’m joking 🙈🙈

[@technikhil314]

Ok I had no knowledge about colors before watching this video and my current knowledge about colors is just like that negative frequency in that graph. LOL.On other side why does surma always choose topic like these that are more inclined towards math and able to go so deeper into such things. Is he a PhD in math?

[@dassurma]

I like math. But I am _not_ a PhD in anything lol. Nonono. I barely got my BSc...

[@AndrzejPauli]

Because ...tum tum tuummm....it its interesting ;-P

[@technikhil314]

@@AndrzejPauli yup it is now I am reading a lot about it already. The only problem is I am sure surma will be dropping part 2 next week I doubt if I will able to cover in order to understand part 2 😄

[@lolerie]

Read Color Appearance Models by M. Fairchild and you will get what modern color science is. It is very complex.

[@woofiewill]

Those human-perception oriented color spaces are more technically known as "perceptually uniform" color spaces.

[@platypusmusic8252]

hi

[@sandeeptottadi]

Hello

[@phendan]

Greetings

[@joseperez-ig5yu]

The quality of our displays at home dictate what we see. The color intensity projected to our displays has a lot to do with how we perceive the RGB.

[@Originalimoc]

4:00 ... Meanwhile Steam Deck LCD: I guess support only 60% sRGB is fine.

[@feihcsim7045]

jake calling the red-green gradient "baby poo"

[@berndeckenfels]

Funfact, you can’t show the CIE XY diagram on a sRGB YT Video ,)

[@lolerie]

It is supposed to not be sRGB transfer, BTW. It is just a hack in Chrome. But yes, just BT.709 primaries, though technically you can try DCI-D65...

[@bkentffichter]

I don't understand why the primary colors don't exist in a space. They are just wavelengths right? They were mixing 3 wavelengths to color match. So the correct wavelengths don't exist? So you're telling me a specific wavelength doesn't exist?

[@alystair]

Please consider publishing videos at 1440p

[@sandeeptottadi]

Color space 🙄😳

[@robchr]

Every Newtonian knows that there are only 7 colors.

[@dassurma]

Yes, and green is the complementary color to red 🙄

[@SillyNaughty]

Where the "so"?????!?!😤

[@AndrzejPauli]

Fun fact, women could have more color receptors, so totally subjective interpretation can be happening and disturbing triangle math. Maybe that's why the salmon color was born ;-)

[@214GNR]

Shoot. I wish I had this job. Lmk if your hiring. I actually have interesting thought on this matter

[@magzzification]

Please do share

[@sb_dunk]

@@magzzification his idea is that color spaces don't exist