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

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ค. 2024
  • 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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 62

  • @rubenverg
    @rubenverg 2 ปีที่แล้ว +47

    "we just enjoy you doing it" lmao

  • @ArielVolovik
    @ArielVolovik 2 ปีที่แล้ว +25

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

  • @SimonBuchanNz
    @SimonBuchanNz 2 ปีที่แล้ว +5

    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
    @swampflux 2 ปีที่แล้ว +5

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

  • @martixy2
    @martixy2 2 ปีที่แล้ว +3

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

  • @alexanderhorner
    @alexanderhorner 2 ปีที่แล้ว +1

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

  • @AdamArgyleInk
    @AdamArgyleInk 2 ปีที่แล้ว +9

    Great episode! COLOR!!!!

  • @numtostr
    @numtostr 2 ปีที่แล้ว +6

    This 203 ep seemed like a science show.

  • @cintron3d
    @cintron3d 2 ปีที่แล้ว +2

    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.

  • @andreadoimo3468
    @andreadoimo3468 2 ปีที่แล้ว +2

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

    • @lolerie
      @lolerie 2 ปีที่แล้ว

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

  • @ShinigamiZone
    @ShinigamiZone 2 ปีที่แล้ว +5

    This was really interesting!

  • @BillyBraga
    @BillyBraga 2 ปีที่แล้ว +1

    Beautiful new set by the way!

  • @alvaroprietovideos
    @alvaroprietovideos 2 ปีที่แล้ว

    I loved this video, thank you for sharing

  • @bramus
    @bramus 2 ปีที่แล้ว +1

    "The conversation, it just flows" 😂

  • @ratias0
    @ratias0 2 ปีที่แล้ว +2

    "We know Math. Math is good" Surma

  • @AndersonSilva-dg4mg
    @AndersonSilva-dg4mg 2 ปีที่แล้ว

    Thank you for the information

  • @linjason2778
    @linjason2778 2 ปีที่แล้ว +1

    amazing!

  • @spoon527
    @spoon527 2 ปีที่แล้ว +1

    Good video.

  • @dimchanske
    @dimchanske 2 ปีที่แล้ว +1

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

  • @muf1772
    @muf1772 2 ปีที่แล้ว +1

    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
      @dassurma 2 ปีที่แล้ว

      Did you file a bug for this?

  • @5onderling
    @5onderling 2 ปีที่แล้ว

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

  • @delulu6969
    @delulu6969 2 ปีที่แล้ว +4

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

    • @chrislilley7547
      @chrislilley7547 2 ปีที่แล้ว

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

  • @ketanchaudhari2337
    @ketanchaudhari2337 2 ปีที่แล้ว +2

    The least wrong video on color spaces

  • @mmahgoub
    @mmahgoub 2 ปีที่แล้ว +1

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

  • @sandaruwanrathnayaka2735
    @sandaruwanrathnayaka2735 2 ปีที่แล้ว

    හොඳයි 🤩😇

  • @hcsftw
    @hcsftw 2 ปีที่แล้ว +1

    Love your intro 😂 Nice acting

  • @dom8429
    @dom8429 2 ปีที่แล้ว +1

    I like colors :)

  • @dwighthouse
    @dwighthouse 2 ปีที่แล้ว +1

    What do you think about LCH color space?

    • @dassurma
      @dassurma 2 ปีที่แล้ว +4

      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
    @derekacosta9840 2 ปีที่แล้ว

    anyone what cameras they're using?

  • @joseperez-ig5yu
    @joseperez-ig5yu 2 ปีที่แล้ว

    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.

  • @woofiewill
    @woofiewill 2 ปีที่แล้ว

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

  • @technikhil314
    @technikhil314 2 ปีที่แล้ว +5

    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
      @dassurma 2 ปีที่แล้ว +6

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

    • @AndrzejPauli
      @AndrzejPauli 2 ปีที่แล้ว

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

    • @technikhil314
      @technikhil314 2 ปีที่แล้ว

      @@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
      @lolerie 2 ปีที่แล้ว +1

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

  • @Originalimoc
    @Originalimoc 7 หลายเดือนก่อน

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

  • @Pfoffie
    @Pfoffie 2 ปีที่แล้ว

    Feels like all we get is more green.
    Yay.

    • @Pfoffie
      @Pfoffie 2 ปีที่แล้ว

      And thanks. That video was so interesting

    • @SimonBuchanNz
      @SimonBuchanNz 2 ปีที่แล้ว +1

      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
      @Pfoffie 2 ปีที่แล้ว

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

  • @berndeckenfels
    @berndeckenfels 2 ปีที่แล้ว +1

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

    • @lolerie
      @lolerie 2 ปีที่แล้ว

      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
    @bkentffichter 2 ปีที่แล้ว

    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?

  • @platypusmusic8252
    @platypusmusic8252 2 ปีที่แล้ว +3

    hi

  • @feihcsim7045
    @feihcsim7045 2 ปีที่แล้ว

    jake calling the red-green gradient "baby poo"

  • @alystair
    @alystair 2 ปีที่แล้ว +1

    Please consider publishing videos at 1440p

  • @sandeeptottadi
    @sandeeptottadi 2 ปีที่แล้ว +1

    Color space 🙄😳

  • @SillyNaughty
    @SillyNaughty 2 ปีที่แล้ว +1

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

  • @robchr
    @robchr 2 ปีที่แล้ว

    Every Newtonian knows that there are only 7 colors.

    • @dassurma
      @dassurma 2 ปีที่แล้ว +1

      Yes, and green is the complementary color to red 🙄

  • @AndrzejPauli
    @AndrzejPauli 2 ปีที่แล้ว

    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
    @214GNR 2 ปีที่แล้ว

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

    • @magzzification
      @magzzification 2 ปีที่แล้ว

      Please do share

    • @sb_dunk
      @sb_dunk 2 ปีที่แล้ว

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