This topic always reminds me of "the pinkest pink" and "the blackest black" videos where they repeatedly say "the screen cannot display how outrageous this colour is" but there are always people in the comments that don't understand. I am feeling confident on the HTTP audience we will have a better success rate.
I’m looking forward to the light & dark defined at the end, but I’m incredibly interested in taking a new look at my gradient colors. I had no idea different color spaces rendered gradients so differently based on how they mix. That’s wild! Thanks for a great video.
I am very excited about all the new stuff that got added in Color 4 and 5 and even more that browsers jump on it and already start to implement the new features! The world needs to be more colorful!
Text color inversion with color contrast has been supported since the support of CSS filters. you can achieve that effect using "filter: grayscale(100%) contrast(10000%) invert(1)", make sure your background color is set as color for the text so it inverts correctly.
@@cozmocozi6858 No that really just uses the inverted color (try it!). While that is quite contrast-y, it doesn’t incorporate human perception at all and is seldom a nice color choice from a design perspective.
@@dassurma I just tested it and OMG!! you sir just opened Pandora's box! Can't wait for this to be released. Thank you so much for these informative and very underrated videos :D
They have a video on that somewhere. If you've ever tried to use a WiiRemote connected to a computer you'll be surprised by the ease of use of the JoyCons.
Ha, was that my comment that just got immortalized into the HTTP 203 canon? The only thing I found wrong seeming this episode was referring to xyz() as linear sRGB. Surely that is CIE 1931, where the XZ plane is chroma and Y is luminance. Linear sRGB is simply the sRGB primaries with an optically linear transfer function, that is, no gamma or clamping, and is exceedingly useful in itself separate from XYZ. Otherwise I think it's also worth mentioning that in theory all the luminescence / chroma spaces can represent every color just by not clamping, while the primary based spaces like RGB and CMYK are fundamentally limited to their gamut. I was right about my guess as to what safari would do with the out of gamut color, but for the wrong reason. I thought it would pick the closest valid point in the color space, including for different luminescence, but it's actually dumber than that. The right answer is to pick the closest valid color in the chroma plane at that luminescence, but I don't know if that's cheap enough.
I'm glad I only needed to do rgb to hsl conversions in University. This looks like a full semester of brain f*** 😁. I really enjoyed the audio and visual explanations 👍
This is nice to see, though I wonder how long it will take before we get smooth blending of multi-colour gradients... (I.e. where the colour stops are smoothly blended in the 3d colour space using e.g. bezier curves, rather than linearly from one colour stop to the next.)
Interesting topic! Thanks for the video. Two things come to my mind: What about blend modes and how is opacity working when dealing with different color spaces? For instance: I'd intuitively expect a gradient going from blue to white to look identical to one going from blue to transparent on a white background.
Great question! Alpha is, strictly, not in any color space but has always been treated as being linear by the time people noticed that was a thing to care about, so this case would only be true with linear rgb spaces. This is normally the case in shaders, but I suspect not for html.
Only for monochromatic colors, and you still have to pick a way to map it to a valid display color: this is different in different color spaces. I want to give an EM spectrum, to handle our future quinchromatic alien friends.
I think that will change once wider-gamut displays become the norm. Colors look really pale in comparison. Just like SD used to be the norm, and now it looks really shit because we are used to HD everywhere.
203 quickly became one of my favourite series in here - All topics are so interesting and that touch of humour surma + archivald add is great
This topic always reminds me of "the pinkest pink" and "the blackest black" videos where they repeatedly say "the screen cannot display how outrageous this colour is" but there are always people in the comments that don't understand.
I am feeling confident on the HTTP audience we will have a better success rate.
Newer generations only know the world through screens, so it's understandable.
Admirer of *Lea Verou* since 2011! 🤓
I've always found her talks to be fascinating and it's so cool to see her and Chris Lilley's work in W3C. 👏
I’m looking forward to the light & dark defined at the end, but I’m incredibly interested in taking a new look at my gradient colors. I had no idea different color spaces rendered gradients so differently based on how they mix. That’s wild! Thanks for a great video.
Thanks a ton for this informative piece! color-contrast is the best color feature I've learned, as this will make accessibility much better
I am very excited about all the new stuff that got added in Color 4 and 5 and even more that browsers jump on it and already start to implement the new features! The world needs to be more colorful!
I am _absolutely_ stoked to use this! Can't wait for this to be widely available :) Also the new lightness syntax is amazing!
Text color inversion with color contrast has been supported since the support of CSS filters. you can achieve that effect using "filter: grayscale(100%) contrast(10000%) invert(1)", make sure your background color is set as color for the text so it inverts correctly.
That’s a neat trick! However, it limits you to only full black or full white as your text color, while `color-contrast()` works with all colors.
@@dassurma isn't it the same as "filter: contrast(10000%) invert(1);" ?
@@cozmocozi6858 No that really just uses the inverted color (try it!). While that is quite contrast-y, it doesn’t incorporate human perception at all and is seldom a nice color choice from a design perspective.
@@dassurma I just tested it and OMG!! you sir just opened Pandora's box! Can't wait for this to be released. Thank you so much for these informative and very underrated videos :D
Hmm, interesting * goes back to using the few named colors that I can remember the names of *
* scratches head trying to decide between darkGrey and darkGray *
This is peak television
Love the Joy con slide mover. :D
They have a video on that somewhere. If you've ever tried to use a WiiRemote connected to a computer you'll be surprised by the ease of use of the JoyCons.
Ha, was that my comment that just got immortalized into the HTTP 203 canon?
The only thing I found wrong seeming this episode was referring to xyz() as linear sRGB. Surely that is CIE 1931, where the XZ plane is chroma and Y is luminance. Linear sRGB is simply the sRGB primaries with an optically linear transfer function, that is, no gamma or clamping, and is exceedingly useful in itself separate from XYZ.
Otherwise I think it's also worth mentioning that in theory all the luminescence / chroma spaces can represent every color just by not clamping, while the primary based spaces like RGB and CMYK are fundamentally limited to their gamut.
I was right about my guess as to what safari would do with the out of gamut color, but for the wrong reason. I thought it would pick the closest valid point in the color space, including for different luminescence, but it's actually dumber than that. The right answer is to pick the closest valid color in the chroma plane at that luminescence, but I don't know if that's cheap enough.
The "no clamping" thing you described sounds like how scRGB works. It's basically a scaled-up version of sRGB. More on wikipedia.
I'm glad I only needed to do rgb to hsl conversions in University. This looks like a full semester of brain f*** 😁.
I really enjoyed the audio and visual explanations 👍
I didn't know there was so much green in the whole Galaxy... 4:30
Very interesting dialogue, thank you
Thanks guys. Informative and funny once again 🙏
This is nice to see, though I wonder how long it will take before we get smooth blending of multi-colour gradients... (I.e. where the colour stops are smoothly blended in the 3d colour space using e.g. bezier curves, rather than linearly from one colour stop to the next.)
That was fun to watch.
More CSS videos, please.
Interesting topic! Thanks for the video. Two things come to my mind: What about blend modes and how is opacity working when dealing with different color spaces? For instance: I'd intuitively expect a gradient going from blue to white to look identical to one going from blue to transparent on a white background.
Great question! Alpha is, strictly, not in any color space but has always been treated as being linear by the time people noticed that was a thing to care about, so this case would only be true with linear rgb spaces. This is normally the case in shaders, but I suspect not for html.
So cool! Great explanation!
Nice
Great video
OMG COLOR-CONTRAST!!!!!
I just want to be able to redefine html safe color words in CSS to a different palate .
CSS custom properties give you the closest thing to this (and with more capabilities)
And now the final frontier: when is nm to be a valid way to tell a colour what colour it is
Only for monochromatic colors, and you still have to pick a way to map it to a valid display color: this is different in different color spaces. I want to give an EM spectrum, to handle our future quinchromatic alien friends.
This is just SO exciting! Although now I'm even more afraid of gradients 😆
New episode!!!
Yea color spaces nice but omg!
Video yang bagus dan kreatif yang luar biasa
Great 😃😃😃
Great
First! 🤘
WAIT WHAT??? HOW???
@@thmsrttg You can comment on unlisted videos.
@@thmsrttg By being our producer for HTTP203 😂
sRGB, rest is overengineering.
I think that will change once wider-gamut displays become the norm. Colors look really pale in comparison. Just like SD used to be the norm, and now it looks really shit because we are used to HD everywhere.
Yes. But 4k and 8k is still overkill. There is a point where you reached the sweet spot, and sRGB is exactly that.
@@timkilian7140 lmao how ignorant.
en.m.wikipedia.org/wiki/Color_difference The interesting part is to see how the formula for delta E has evolved.