✳flâneur — a map of the web's best reading

Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS — Smashing Magazine

smashingmagazine.com · 3,491 words · saved by 1 readers

Geoff is a technical editor and writer at Smashing Magazine. On top of that, he’s an independent contractor who teaches front-end design and development classes … More about Geoff ↬ Weekly tips on front-end & UX. Trusted by 200,000+ folks. I woke up one morning in early 2022 and caught an article called “A Whistle-Stop Tour of 4 New CSS Color Features” over at CSS-Tricks. Wow, what a gas! A new and wider color gamut! New color spaces! New color functions! New syntaxes! It is truly a lot to take in. Now, I’m no color expert. But I enjoyed adding new gems to my CSS toolbox and made a note to come back to that article later for a deeper read. That, of course, led to a lot of fun rabbit holes that helped put the CSS Color Module Level 4 updates in a better context for me. That’s where Oklch comes into the picture. It’s a new color space in CSS that, according to experts smarter than me, offers upwards of 50% more color than the sRGB gamut we have worked with for so long because it supports

15 min read CSS , Design , Techniques Share on Twitter , LinkedIn About The Author Geoff is a technical editor and writer at Smashing Magazine. On top of that, he’s an independent contractor who teaches front-end design and development classes … More about Geoff ↬ Email Newsletter Your (smashing) email Weekly tips on front-end & UX . Trusted by 182,000+ folks. Celebrating 10 million developers Figma Workflow Masterclass with Christine Vallaure Building Modern HTML Emails with Rémi Parmentier Smart Interface Design Patterns, 45 lessons + UX training How To Measure UX and Design Impact, 8h video

Explore this link on the map →

related reading