Generative colors with CSS

摘要

文章分享作者更新网站 CSS，使用 Kelp UI 分叉版并改用 OKLCH 函数从 6 个 hex 变量动态生成颜色。详细说明 OKLCH 的 Lightness（亮度）、Chroma（饱和度）、Hue（色相）三要素；通过 from 运算符自动转换 hex 到 LCH 值；演示用 calc () 按 lightness 阶梯（05-95）调整色度；通过 --chroma 变量支持手动或默认值（c / 0.2）微调饱和度；并附示例演示调色板效果。