Explore the evolution of CSS4 colors in this illuminating conference talk from CSSConf.Asia 2016. Delve into the science of color as a measurable and reproducible sensation, standardized since 1931. Gain insights into white point adaptation, Lab color space, and gamut volume plots. Learn to critically evaluate color gamut coverage claims in advertising. Discover the exciting potential of CSS4 Color implementation across browsers. Led by Chris Lilley, Technical Director at W3C and "father of SVG," this presentation covers topics such as the visible spectrum, retinal cells, opponent colors, spectral measurement, CIE Lab, and device-independent LCH. Understand the limitations of HSL and explore the future of color in web design, including ICC Color in CSS Color 4. Equip yourself with advanced knowledge to enhance your CSS skills and create more visually appealing and accurate color representations in web development.
Overview
Syllabus
Intro
The Evolution
LCH in CSS Color 4
Visible spectrum
Choroid
Retinal cells: rods & cones
Cone responses (log scale)
Human brain
Opponent colors
What color is white?
Spectral measurement
Brightness varies by wavelength
Cone response to light
Color matching
CIE Lightness (L)
CIE Lab
What about HSL?
CIE Hue, Chroma (LCH)
Chromaticity diagram
CSS3 Color
MQ4 hack
LCH is device independent
CMYK: ICC Color in CSS Color 4
Can I use it?
Taught by
JSConf
