Now vibe coding, so learning hammer FE ?https://channel.meo-ai.comhttps://channel.meo-ai.com/posts/684https://channel.meo-ai.com/posts/684Fri, 24 Jul 2026 15:51:25 GMT<span class="post-title-source">《Color.js：认真对待颜色这件事》</span><br /><br />标签：<a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端">#前端</a> <a href="/search/result?q=%23Web%E5%BC%80%E5%8F%91" title="#Web开发">#Web开发</a> <a href="/search/result?q=%23ColorJS" title="#ColorJS">#ColorJS</a> <a href="/search/result?q=%23CSS_Color_Level_4" title="#CSS_Color_Level_4">#CSS_Color_Level_4</a> <a href="/search/result?q=%23%E9%A2%9C%E8%89%B2%E7%A9%BA%E9%97%B4%E8%BD%AC%E6%8D%A2" title="#颜色空间转换">#颜色空间转换</a> <a href="/search/result?q=%23%E8%89%B2%E5%9F%9F%E6%98%A0%E5%B0%84" title="#色域映射">#色域映射</a> <a href="/search/result?q=%23DeltaE" title="#DeltaE">#DeltaE</a> <a href="/search/result?q=%23TreeShakeable" title="#TreeShakeable">#TreeShakeable</a> <a href="/search/result?q=%23NPM%E5%BA%93" title="#NPM库">#NPM库</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE" title="#开源项目">#开源项目</a> <a href="/search/result?q=%23Lea_Verou" title="#Lea_Verou">#Lea_Verou</a> <a href="/search/result?q=%23%E9%A2%9C%E8%89%B2%E6%8F%92%E5%80%BC" title="#颜色插值">#颜色插值</a><br /><br />总结：<br />由CSS颜色规范编辑者Lea_Verou和Chris_Lilley打造的专业颜色处理库，支持Lab/LCh、OKLab/OKLCh、Display_P3等海量颜色空间，完整兼容CSS_Color_Level_4。提供真正的色域映射、多种DeltaE色差算法和色度适应方法，API清晰易用且支持链式操作。模块化设计可tree-shake，零依赖，已被Sass、Open_Props、axe等知名项目采用，NPM累计下载超2.46亿次。<br /><br />文章要点：<br />1. 出身"正规军"——两位作者正是CSS颜色规范的编辑者，对颜色科学的理解刻在DNA里，不是随便写写的玩具库<br />2. 颜色空间全家桶——Lab/LCh、OKLab/OKLCh、sRGB家族、Display_P3、Jzazbz、REC.2100等统统支持，转换随心所欲<br />3. 科学严谨不糊弄——真正的色域映射而非粗暴裁剪，多种DeltaE色差计算和色度适应算法，专业度拉满<br />4. API好用又灵活——面向对象+静态函数双模式，链式操作丝滑流畅，还能按需引入模块做tree-shake，包体积可控<br />5. 业界认可度超高——浏览器用它测试CSS_Color_4/5实现，Sass、Open_Props、axe都在用，NPM下载量突破2.46亿<br />6. 生态还在扩张中——除了核心库，还在孵化Color_Elements网页组件、Color_Apps工具集和Color_Palettes配色研究项目<br /><br />URL：<a href="https://colorjs.io/" target="_blank" rel="noopener" title="https://colorjs.io">https://colorjs.io</a>