CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started.| CSS-Tricks
Generate OKLCH color patterns from one base color the Oklchroma tool. Inspired by a talk at CSS Day, easily copy CSS variables.| utilitybend.com
If you love CSS, you’ve probably heard of custom properties (a.k.a. CSS variables) before. Still, a lot of people seem to use them as constants for their CSS. In this article, I will try to give you some more insights on how you can use these custom properties to create some smart systems or even use them as booleans in CSS and create easy progressive enhancements.| iO tech_hub
Learn how relative CSS colors enable color manipulations.| www.stefanjudis.com
The CSS WG resolved to add if() to CSS, but that won’t be in browsers for a while.| lea.verou.me
徐々に混ざり合う色の美しさや変化を楽しみながら、CSS の color-mix() 関数の仕組みを理解することを目的とするウェブアプリ「KALEIDO-BOARD（カレイドボード）」を公開しました。| griponminds.jp
CSS Color 4 brings wide gamut color tools and capabilities to the web.| Chrome for Developers
ここ最近、飛躍的な進歩を続ける CSS ですが、CSS のカラー指定においても、従来より使われてきた #RRGGBB の記法から選択肢が大幅に増えました。なぜこれだけ指定方法が増えたのか、これまでの書き方を変える必要があるのか。そのような疑問について考えながら、色彩の理論もまじえつつ、CSS Color について改めて掘り下げていきます。| griponminds.jp
1. Introduction| www.w3.org
1. Introduction| www.w3.org
2022 was a massive year for CSS. We got CSS Layers, more subgrid support, the impossible :has() selector, and WE GOT CONTAINER QUERIES! 🎉 Thank you to everyone who worked on those. A lot of the success for CSS this past year was due to an incredible cross-browser effort called Interop 2022, a loose agreement amongst browsers to try to work on some of the same features so feature support gaps between browsers are shorter.| daverupert.com
CSS Color Module Level 3| drafts.csswg.org
1. Introduction| www.w3.org
1. Introduction| www.w3.org
1. Introduction| www.w3.org
1. Introduction| www.w3.org
1. Introduction| www.w3.org
CSS Color Module 4 adds oklch(), and we gain P3 wide-gamut support, boost code readability, and improve developer-designer communication.| evilmartians.com