Color Spaces: Explained from the Ground Up - Video Tech Explained

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ค. 2024
  • At long last, here it is! A comprehensive, from-the-ground-up introduction to the foundational concepts used in modern color spaces.
    == Navigation ==
    00:00 Introduction
    00:57 What is Color?
    03:22 The Pantone Color Space
    04:34 Color Spaces for Digital Video
    05:11 Metamerism
    06:03 Constructing the CIE 1931 Color Space
    09:16 The R.G.B. Color Space
    10:46 Absolute vs. Relative Color Spaces
    11:55 Defining Commonly Used Color Spaces
    14:31 Color Space Conversions
    15:18 Closing
    == Links ==
    Join the official VTE Discord server: / discord
    Support me: / videotechexplained
    My portfolio: camoncrocker.com
  • ภาพยนตร์และแอนิเมชัน

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

  • @dvoraklovelace2801
    @dvoraklovelace2801 3 หลายเดือนก่อน +16

    Broooo you resume hundreds of hours of "masterclasses" in a single video. Thanks a lot!

  • @raulgalets
    @raulgalets ปีที่แล้ว +7

    this is the single video on the internet getting "what is color" almost perfectly correct. congratulations.

  • @gagan.dee.p
    @gagan.dee.p ปีที่แล้ว +22

    All the concepts that you explain in your videos; I have never understood them with such clarity before.
    Your narration and explanation technique is elegant. I was able to follow you.
    Your content is devoid of unnecessary flashy video effects, shouting, and overacting. So no distractions or bs.
    Please don't change your style. Massive respect. You are awesome!

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

    You are singlehandedly rendering it possible to understand comprehensibly subject matters that are core to an entire industry I intend to build a career in.
    THANK YOU ❤️

    • @RobertFletcherOBE
      @RobertFletcherOBE 11 หลายเดือนก่อน +3

      you'll soon find that virtually everyone misunderstands this subject and try to avoid it

  • @eric-seastrand
    @eric-seastrand 2 ปีที่แล้ว +4

    I learned a ton binging your whole channel a few months back. So excited to see another explainer from you. Great content!

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

    I've been working on some videos in this area too, and man, you really nailed it! Nice job! Far and away the best content on YT on this topic

  • @ClickThisMick
    @ClickThisMick ปีที่แล้ว

    I'm so glad I found your channel while searching for more info on color spaces. I'm definitely going to check out your other videos!

  • @ayacyte443
    @ayacyte443 ปีที่แล้ว

    I've been searching far and wide for an explanation- it finally makes more sense now. I don't think I've found such a simple yet comprehensive video.

  • @helloitsmehb
    @helloitsmehb 7 หลายเดือนก่อน +1

    I hereby declare you, King of Color Nerdism! Congrats and well done! Love your channel

  • @braunventures
    @braunventures 29 วันที่ผ่านมา +1

    brilliant, thanks for helping me build knowledge on a strong base

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

    Thank you very much, Camon, for your excellent videos. You are a very cogent thinker and presenter.

  • @utkarshkothimbire1484
    @utkarshkothimbire1484 2 หลายเดือนก่อน

    Thanks a lot, Camon for explaining all the concepts in a crisp manner. Very much appreciated. You have explained these complex concepts in very simple maner with the diagrams.

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

    I am not even halfway through. This video is incredible!

  • @Nugcon
    @Nugcon ปีที่แล้ว +8

    This clears up so much. Such a great video from such a small channel

    • @user-hq5jd8sz5i
      @user-hq5jd8sz5i 9 หลายเดือนก่อน

      Goes to say people don't like it when it gets technical, but they miss out on good content.

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

    The human retina has two types of light sensing cells, rod and cones. The rods are only sensitive to a narrow range of wavelengths in the green region but significantly are nearly 3000x more sensitive to light intensity than the cones which sense red, green and blue, respectively. The rods cover the entire retina, but the cones are mostly concentrated around the optic nerve. The greater sensitivity of the rods and their location explain why at light we can see movement at the periphery of our vision better than in the center and why when our eyes fixate on objects we get “tunnel vision” which is the brain’s way of mentally tuning out the much stronger signal from the rods.
    The rod / cone physiology explains why the CIE*xyz graph used to represent color space is much larger in the green region and why staring at bright green colors becomes fatiguing. Red lighting is used at night on control panels because the rods don’t detect it making it easier for them to detect any objects in other areas viewed.

    • @EdiWalger
      @EdiWalger 11 หลายเดือนก่อน +2

      rods are sensitive of a broad range of wavelengths. The peak is near to cyan, and excludes reds, but the range is broad. Sensitivity or rods are not derived from a single cell, since a lot of rods are combined in a single ganglion. That means a collection of small sensitivities added together, since the small size of every rod and the huge population of them. Cones are concentrated in the fovea (not around the eccentricity of the optic nerve) and rods do not cover the fovea at all. Because of that you cannot see a star at night with the center of your vision. Movement definition of rods are related with the speed of the visual cycle of them, not from sensibility.

    • @TeddyCavachon
      @TeddyCavachon 11 หลายเดือนก่อน

      @@EdiWalger Thanks for the multi-spectral enlightenment 👍❤️

  • @naratt
    @naratt ปีที่แล้ว

    Your content is such a hidden gem in TH-cam ocean.

  • @valgustale
    @valgustale 4 หลายเดือนก่อน

    absolutely loved it's one of the most helpful video i've watched in 2023 thanks for creating this mate

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

    You deserve millions of views dude….. stay consistent 👍🏻

    • @flexydex8754
      @flexydex8754 11 หลายเดือนก่อน

      zero views*

  • @vrmeup
    @vrmeup 11 หลายเดือนก่อน

    Thanks for a great video 😃. It was educational, interesting and has cleared up many of the misunderstandings I had about color in my ThreeJS computer graphics application. You did a great job of explaining a complex topic!

  • @king_of_baboons2032
    @king_of_baboons2032 8 หลายเดือนก่อน

    I don't work in this industry but I've spent years trying to figure out this topic. I did a lot of research and this video is the best among all of them. Fantastic job explaining everything with enough depth and reasoning!

  • @colinwood1337
    @colinwood1337 5 หลายเดือนก่อน

    Wow! I’ve been struggling to understand colour spaces and now I do! Great video

  • @xtdycxtfuv9353
    @xtdycxtfuv9353 11 หลายเดือนก่อน

    Thank you. I will be returning to this video for many reviews until I firmly understand and always remember.

  • @99SBX
    @99SBX ปีที่แล้ว

    This is my new favorite channel!

  • @jleocarmo
    @jleocarmo 11 หลายเดือนก่อน

    Excellent video, really helpful and insightful. Thank you!

  • @aaronmirtesfilm
    @aaronmirtesfilm 2 หลายเดือนก่อน

    BLESS you. Oh my god, this video was a lifesaver! So clear & precise! Thank you!

  • @tyt03538
    @tyt03538 ปีที่แล้ว

    Thank you so much. This is the best colour space explained video!!!

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

    Holy shit I appreciate you so much for this. Incredible video, this is what I wish all of TH-cam would be more like

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

    Thanks 💯
    A video about monitor color volume will be very much appreciated

  • @robertulrich3964
    @robertulrich3964 ปีที่แล้ว +17

    Correction: RGB is a non-perceptual color model, not a colorspace. HSL is a perceptual color model that takes into account human vision. Rec. 709 is a colorspace that defines primaries in locus points to derive relative coordinates to CIE 1935. You can convert to other colorspaces using relative or absolute colormetric intent with prioritizing white balance against saturation. (so even the transform conversion itself can be perceptual). Additionally the camera's RGB sensor array only exists in the world of a standard exposure (usually 18% grey) so it's data is not truly 3D in nature since camera's sensors give non-linear response to light. In essence, every camera has a custom color model. This is why it's hard to match cameras that have varying scene referred color over an exposure range. And adds to the reason why lookup tables do not work as well as anticipated.

    • @EdiWalger
      @EdiWalger 11 หลายเดือนก่อน +2

      HSL is "perceptual"? No, is just a projection model from an RGB model by using a very simple transform. Not a colorspace, just a different color "model". Camera sensor are possible because the photoelectric effect, which is "linear" in transduction by nature, that means all sensors are linear in response, but each can use a different encoding at the time of saving data only. Cameras has a custom "colorspace", not color model.

    • @robertulrich3964
      @robertulrich3964 11 หลายเดือนก่อน +1

      @@EdiWalger The HSL representation models the way different paints mix together to create colour in the real world, with the lightness dimension resembling the varying amounts of black or white paint in the mixture (e.g. to create "light red", a red pigment can be mixed with white paint; this white paint corresponds to a high "lightness" value in the HSL representation). Different cameras can have the same colorspace but different spectral response in the sensor. The spectral response over overexposure is what causes irregularities in matching cameras and that mapping process is non-linear despite transduction.

    • @EdiWalger
      @EdiWalger 11 หลายเดือนก่อน +3

      @@robertulrich3964 the QE of every sensor can be different by wavelength, and the colorspace is the result of the camera calibration that you need to reproduce real colors. Every wavelength stills with a linear (proportional to radiometric intensity) response, but changes for every wavelength. L (lightness) is an abstraction that must be defined mathematically, and never match with any "perceptual" concept, specially in the HSL projection: you can define a color with hue/sat but no lightness, which is impossible to realize. Because of that HSL is "derivative" from RGB that defines the real color mixing, and not a colorspace made from abstract attributes. Just an indirect manipulation for the RGB model which results in a non-perceptual match: color cannot be fully represented by euclidean dimensions.

    • @user-hq5jd8sz5i
      @user-hq5jd8sz5i 9 หลายเดือนก่อน +1

      Thanks for your useful comment.

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

    Great video. Really helps grasp the idea of a very mathematically implemented concept that is derived from a subjective experience. I would only mention that I believe the equation at 7:18 should swap the position of your transformation matrix and your LMS vector in order to make it a valid operation.

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

    Daaaaamn thats an impressive explaination, well done! :D

  • @earthoid
    @earthoid 11 หลายเดือนก่อน

    I finally understand where the CIE 1931 color space got its shape from. Thanks!

  • @austinbly2141
    @austinbly2141 2 หลายเดือนก่อน

    Amazing summary - thank you very much!

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

    Excellent, simply excellent!!!

  • @urbanskargren5566
    @urbanskargren5566 ปีที่แล้ว

    Very clearly explained, thank you

  • @pedromj9689
    @pedromj9689 3 หลายเดือนก่อน

    Congrats and thank you for the explication. Really well done

  • @ladikable
    @ladikable ปีที่แล้ว

    Very good presentation! Keep it up

  • @devlin1991
    @devlin1991 2 หลายเดือนก่อน

    Great video, I'm on the hunt for good, concise, videos on this topic to share with some work colleagues. This knowledge is not taught in most software courses so is a bit of a black box abyss for most software engineers. I keep running into "two wrongs make a right" scenarios that appear out of nowhere when one colospace bug is fixed.
    Thank you for making this content. If there's not another video from you that I've not seen yet, I hope you cover gamma transfer functions as well, PQ, slog, sRGB, etc. Because that's arguably even more confusing than the colorspaces, especially when sRGB color primaries (Rec.709) and sRGB gamma transform are often used interchangeably online.

  • @tompainter7167
    @tompainter7167 ปีที่แล้ว

    Thanks the CIE and XYZ stuff is HARD for artists but this makes it easier thank you

  • @nobody-bt7mu
    @nobody-bt7mu ปีที่แล้ว +2

    That video was really helpful for me! I'm glad you decided to create a better one!
    On another note, would you be able to make a video explaining monitor calibration types? Cheers!

  • @CptCurk
    @CptCurk ปีที่แล้ว

    great content. I need a summary of that topic to remember school ^^' And your video is accurate and right ! :)

  • @AnonyMous-rr4gf
    @AnonyMous-rr4gf 4 หลายเดือนก่อน

    Thank you for making this.

  • @design_ref4215
    @design_ref4215 ปีที่แล้ว

    This explaination is amazing.

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

    Great explanation.

  • @arthentic4508
    @arthentic4508 ปีที่แล้ว

    How do I even thank you for such valuable content!

  • @Pheonixrocks
    @Pheonixrocks 21 วันที่ผ่านมา

    Man this is uni level quality of education

  • @ocean457
    @ocean457 3 หลายเดือนก่อน

    This kid is a riot! Bravo!

  • @milkandhenny
    @milkandhenny ปีที่แล้ว

    This is a fantastic video.

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

    This is great!

  • @rafograph
    @rafograph ปีที่แล้ว

    Great explanation

  • @guymross
    @guymross ปีที่แล้ว

    Wow best color theory video to date.

  • @Urtana
    @Urtana 3 หลายเดือนก่อน

    Best of the best. Thank you .

  • @Bradum
    @Bradum 9 หลายเดือนก่อน

    This video is so good!

  • @terrytang5367
    @terrytang5367 6 หลายเดือนก่อน

    This dude is knowledgeable!

  • @gregoryflinn3577
    @gregoryflinn3577 ปีที่แล้ว

    What your previous video does still contribute to this topic is the colormetric transformation needed between color spaces to ensure that what the camera saw is what you see on the monitor. Whether that transformation is absolute or relative is e.g. part of the answer to a question below on why someone still sees ‘all’ the colors of CIE diagram.

  • @karasu9
    @karasu9 ปีที่แล้ว

    extremely good video

  • @flamezcallahoon
    @flamezcallahoon 2 หลายเดือนก่อน

    amazing video

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

    Great video

  • @crew_the3rd
    @crew_the3rd 6 หลายเดือนก่อน

    Glad to see some objective science being applied to color theory.
    Note there is a huge difference between light color theory and pigment color theory.
    To start
    6 Primary
    3 Light >>> Red Green Blue
    3 Pigment >>> Magenta Yellow Cyan
    Pigment Derived
    Red=Magenta×3+Yellow
    Green=Yellow+Cyan
    Blue=Cyan×3+Magenta
    6 Secondary Pigment
    3 Common >>>
    Violet=Cyan+Magenta
    Rose=Magenta+Red
    Orange=Red+Yellow
    >>>
    3 Obscure >>>
    Chartreuse=Yellow+Green
    Aquamarine=Green+Cyan
    Cerulean=Cyan+Blue
    Other
    Purple = Blue+Red
    >>> >>> >>> >>>
    Rant
    ROY G BIV is a mistake and there are several issues.
    01 Cyan is mislabeled as baby blue and Magenta gets left out most of the time
    02 Indigo is not necessary, it's not even a secondary color. It's a dark dark violet that is more on the blue side.
    03 Purple would make more sense than Indego, and fyi purple is not true violet. Purple = Blue + Red, Violet = Cyan + Magenta
    04 Blue and Violet should have been separated correctly but instead indigo gets used
    05 In light, Violet exists in two different ways, it has its own distinguishable frequency and wavelength, but it can also be created by a mixture of blue and red wavelengths (the human eye will except both versions and they are not distinguishable to us). This duality makes it a bit confusing in some situations. Note there is a huge difference between light color theory and pigment color theory.
    06 Purple is a type of violet. Slightly darker with more red. Purple = Blue + Red, Violet = Cyan + Magenta
    07 Indigo is a dark dark violet, closer to the blue side.
    08 Violet is a wider spectrum (than the other colors) because it can be a mixture of blue and red light at different ratios.
    09 Magenta has a similar issue as violet but magenta actually does not exist as a single wavelength/frequency in light. Magenta is the 1 to 1 ratio (1:1) of red and blue Light. Magenta does not exist on the rainbow but we can clearly see it's place in color theory.
    10 Indigo and Purple are not necessary when considering primary and secondary colors (6 primary 6 secondary [derived]), they just fall under violet.
    11 M ROY G CBV M, I distinguish 8 unique colors that we seem ti care about most, the 6 primary plus orange plus violet.
    12 Aquamarine (green-cyan) is on the same level as orange and violet but in our culture we don't value it as unique.
    13 If you only consider the rainbow then you would not get Magenta and the 8 would become 7 which is what you see in the rainbow ROY G CBV.

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

    Thank you

  • @nando603
    @nando603 3 หลายเดือนก่อน

    What a great video!!!!!!!!!!!!!!!

  • @Retro28YT
    @Retro28YT ปีที่แล้ว

    Great video! Very informative :) it's a shame it only has 1400 views.

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

    Fantastic, is the word!

  • @isaac10231
    @isaac10231 ปีที่แล้ว

    Insane video

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

    excellent!

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

    brilliant

  • @sushilskolia
    @sushilskolia ปีที่แล้ว

    Awesome thanks 😊

  • @vanyakapetanovic4018
    @vanyakapetanovic4018 ปีที่แล้ว

    Hats off man.

  • @user-lp1bv3pc1s
    @user-lp1bv3pc1s 4 หลายเดือนก่อน

    THANK YOU MAN...

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

    Amazing

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

    If my screen is sRGB and it cannot show colors outside the triangle on CIE diagram then how can my screen show the full diagram? Shouldn't I see just a triangle?

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

      The colors which are outside your display's gamut are shown as being the most saturated possible color of that hue. So the part of the diagram which corresponds to your display is accurate but the parts outside of it are not. The colors on the diagram are only used for visualization purposes

  • @zalves2000
    @zalves2000 ปีที่แล้ว

    BRAVO!!

  • @emotionalrobot1602
    @emotionalrobot1602 6 หลายเดือนก่อน

    Great explanation of a very complicated subject 🌟 love the graphics (!) really helpful with the visualisation process... 🌟 would you consider making a video focussing on the 'OKLAB' colour model >> I think that would be very interesting >> keep up the good work 👌💯👀🎯🖼😎🌠

  • @soumyadeep-mondal
    @soumyadeep-mondal 2 ปีที่แล้ว +2

    Thank you so much for it. And, please add CIELAB and HCT also brother.

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

      Those were in earlier drafts of this video, but I ended up cutting them because this video was pretty dense already. I'll most likely cover them sometime soon!

    • @soumyadeep-mondal
      @soumyadeep-mondal 2 ปีที่แล้ว +1

      @@VideoTechExplained Lots of love from this side man. I really appreciate your hard work!

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

    Thanks

  • @davekihara3160
    @davekihara3160 ปีที่แล้ว

    Perfect 👍👍

  • @michakoakowski5768
    @michakoakowski5768 ปีที่แล้ว

    Great!

  • @jcris8238
    @jcris8238 2 หลายเดือนก่อน

    Great videoo!!!

  • @EdiWalger
    @EdiWalger 11 หลายเดือนก่อน +1

    11:53 The CIE1931 is not an "absolute colorspace", since Y means a percent of a "luminosity scene" estimated from a luminosity function (CIE1924). A real absolute colorspace uses cd/m2 for luminance, like ICtCp. But 1931 is an "absolute gamut", in terms of chromacity inside of an unknown dynamic range.

  • @vladalex9556
    @vladalex9556 4 หลายเดือนก่อน

    Linus Tech Tips vibes, good video I like

  • @gigijaponezu
    @gigijaponezu 2 หลายเดือนก่อน

    Great video dude! I learned a lot! You might need to find someone to iron your shirt though lol.

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

    You’re very didactic.thanks

  • @ramanandh1261
    @ramanandh1261 21 วันที่ผ่านมา

    U r too good❤

  • @esbo69
    @esbo69 2 หลายเดือนก่อน

    Great video! what software did you use to make the cieLab visualization?
    Thanks!

  • @celestinjohannesbuche523
    @celestinjohannesbuche523 ปีที่แล้ว

    youtube at its best!

  • @changthunderwang7543
    @changthunderwang7543 4 หลายเดือนก่อน

    Holy shit this was so thorough

  • @xonx209
    @xonx209 3 หลายเดือนก่อน

    Could you explain the conversions that goes on in between a camera and computer, photoshop, monitor so I can understand when and how to deal with color profiles and conversions?

  • @mustafakamal8608
    @mustafakamal8608 3 หลายเดือนก่อน

    This is great content.❤❤
    My questions are how do you identify color transformation / color space made by LUT ? What reference and tool should I learn if i Interested in LUT / look development?
    I'm learning color grading using davinci and intersted in look development and film LUT.

  • @rowandee3470
    @rowandee3470 3 หลายเดือนก่อน

    Hey, This video was very intuitive. I am actually doing a mathematics project on modelling a color space. Do you know a good source where you can find the corresponding spectral power distributions/metamers for given hues. Like a database that shows the spectral power distribution for many colors?

  • @calebhaggerty8034
    @calebhaggerty8034 ปีที่แล้ว

    So would it be accurate to say that the difference in color spaces is the size of the triangle (R, G, and B coordinates) overlaying the CIE 1931 blob graph?

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

    Bro knows math I love it

  • @TonxArt
    @TonxArt ปีที่แล้ว

    🔥🔥

  • @BoppFlipSwAg
    @BoppFlipSwAg 2 หลายเดือนก่อน

    I love you.

  • @soulcstudios
    @soulcstudios 2 หลายเดือนก่อน

    I spent 3 hours on Wikipedia and a bit of TH-cam trying to understand why if the 3 lights making up a pixel correspond to the 3 cones in the eye, my monitor can't reproduce the entirety of the visible spectrum. The CIE 1931 (I read that wikipedia page) and THEN the R G B color space put it together.
    I thought this was a really simple question when I started but wow, nope.

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

    I'm wondering about the matrix transformation at 7:17. Any additional information on that? Is it based upon human vision?

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

      Found it: en.wikipedia.org/wiki/CIE_1931_color_space#Meaning_of_X,_Y_and_Z

  • @jamesturnbull9328
    @jamesturnbull9328 9 หลายเดือนก่อน

    I'm not the video is completely accurate but very good over all.

  • @ZvilgantisKailis
    @ZvilgantisKailis 3 หลายเดือนก่อน

    My camera shoots only natural, flat, sepia and etc. profiles in 8bir. There are no log or raw. So how do I convert my footage to proper rec.709?

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

    💥💥💥💥💥Super 👍👍 Very Good 💥💥 Lovely 👍👍 Best 💥💥💥💥💥

  • @impetrov
    @impetrov 24 วันที่ผ่านมา

    How did equation at 7:21 was derived?

  • @Unknown-ki8yk
    @Unknown-ki8yk ปีที่แล้ว

    what does it mean pure yellow colour? isn't it mixture of different wavelength?