Color Ops 是一个面向开发者与设计师的轻量级实用色彩技能，主题围绕色彩空间、无障碍、调色板生成、CSS 实现与设计令牌架构展开。据资料说明，它受 meodai/skill.color-expert 启发，后者是一个约 286K 单词、含 113 个参考文件的色彩科学知识库；Color Ops 则定位为日常前端与设计工作的轻量操作技能，若需要深入色彩科学（光谱混合、历史色彩理论、CAM16、颜料物理等）可安装完整技能。
一、用途与定位 主要用于处理开发与设计中的实际色彩决策：选择合适的色彩空间、检查和保证文本对比度、生成感知均匀的色阶与配色方案、编写现代 CSS 色彩函数、组织设计令牌以及在深色模式间切换语义映射。它同时提供若干零依赖 Node.js 脚本，可直接运行或由 Claude 在色彩任务中调用。
二、色彩空间决策 资料提供了一张决策表：感知性色彩操作用 OKLCH；CSS 渐变与调色板用 OKLCH 或 color-mix(in oklab)；色域感知取色用 OKHSL/OKHSV；归一化饱和度（0-100%）用 HSLuv；印刷工作流用 CIELAB D50；屏幕工作流用 OKLAB；精确色差用 CIEDE2000，快速色差用 OKLAB 中的欧氏距离；快速原型用 HSL。资料指出 HSL 的缺陷：同为 L=50% 的黄色与蓝色感知亮度差异很大，色相分布不均匀（红色附近 20 度变化显著，绿色附近 20 度几乎不可见），饱和度也不相关；建议临时工作用 HSL，正式交付用 OKLCH。同时区分了 chroma（相对同亮度中性的色彩丰富度）、saturation（相对自身亮度的感知色彩丰富度）与 lightness（相对同照明白色的感知反射率）。
三、无障碍与对比度 资料给出约 281 万亿十六进制颜色对中的通过率：WCAG 3:1（大号文本）26.49%（约 1/4），WCAG 4.5:1（AA 正文）11.98%（约 1/8），WCAG 7:1（AAA）3.64%（约 1/27），APCA 60 为 7.33%（约 1/14），APCA 75（流畅阅读）1.57%（约 1/64），APCA 90（首选正文）0.08%（约 1/1250）。资料对比了 WCAG 2.x 与 APCA（WCAG 3 草案）：前者为简单亮度比，后者为感知对比度、感知极性；明暗方向在 WCAG 下同比值、在 APCA 下不同且考虑空间频率；文本尺寸方面 WCAG 仅区分大号与正常，APCA 有连续标度与字体查找表；准确性上 APCA 对蓝色与深色模式的感知精度更好；但 WCAG 2.x 是现行标准并有法律引用，APCA 仍为草案、尚未成为要求。建议：用 WCAG 2.x 做合规测试，用 APCA 获得更好的感知结果，两者不一致时通常 APCA 更准确。资料还给出用相对色彩语法自动生成可读文本的示例，以及 WCAG 2.x 相对亮度与对比度比的 JavaScript 代码。
四、色觉缺陷（CVD） 约 8% 男性与约 0.5% 女性存在某种形式的色觉缺陷。资料列出：红色盲（Protanopia）影响红色感知，约 1% 男性，破坏红/绿区分且红色显暗；绿色盲（Deuteranopia）影响绿色感知，约 1% 男性，破坏红/绿区分（最常见）；蓝色盲（Tritanopia）影响蓝色感知，约 0.01%，破坏蓝/黄区分（罕见）。规则包括：绝不只用颜色传达信息（增加图标、标签、图案）；用 CVD 模拟工具测试；红/绿是最危险的组合，务必增加第二重信号。
五、CSS 色彩函数 资料列出 Baseline 2024+ 的核心函数写法：oklch(l c h)、带 alpha 的 oklch(l c h / a)、oklab(l a b)、color-mix() 在任意空间混合、相对色彩语法（加减亮度、缩放 chroma、色相加 180 求补色等）、P3 广色域 color(display-p3 …) 以及回退写法（先 sRGB 十六进制，再 oklch，再 P3）。渐变方面：RGB 插值会经过灰/褐死区，应使用 linear-gradient(in oklch, …) 或 in oklab，彩虹式渐变可用 in oklch longer hue。
六、设计令牌架构与调色板 资料给出三层模式：第一层为参考令牌（调色板，如 --ref-blue-50…900）；第二层为语义令牌（如 --color-surface、--color-on-surface、--color-primary、--color-error、--color-border）；第三层深色模式只替换语义映射而非组件。资料还给出在 OKLCH 中生成感知均匀色阶的函数（亮度 0.97 到 0.15，chroma 在中间调达到峰值）。配色方面指出：几何色相和谐本身预测力弱；应以“性格优先”（按 pale/muted/deep/vivid/dark 组织，chroma 与亮度比色相更影响情绪）、60-30-10 规则、亮度变化带来易读性、灰度检查（UI 在灰度下不成立则色彩系统有结构问题）为原则，并给出工作流（选品牌色相 → 生成 10 步色阶 → 生成中性色阶 → 加语义强调色 → 映射语义令牌 → 测试对比度至少 4.5:1 → 为深色模式替换语义映射而非简单反转）。还提供互补、类似、三角、tint、shade 的快捷公式。
七、色域与广色域 sRGB 为基础，所有屏幕均支持；Display P3 比 sRGB 多约 25%，支持现代 Apple、高端 Android 与新显示器；Rec2020 比 P3 多约 37%，用于 HDR，设备支持有限。资料给出渐进增强写法（@supports、@media (color-gamut: p3)）以及越界色域时浏览器钳制的说明与 CSS.supports 检查方式。
八、附带的 Node.js 脚本 零依赖，可直接运行或由 Claude 调用：contrast-check.js（输入两个颜色，返回 WCAG 2.x 对比度比与 AA/AAA 通过情况）；palette-gen.js（按色相生成 10 步 OKLCH 色阶，chroma 以正弦曲线在中间调达到峰值，可选中性色阶与 JSON 输出，并标记 sRGB 越界值）；color-convert.js（转换到 hex、rgb、hsl、oklch、oklab，并显示相对亮度与 sRGB 色域状态）；harmony-gen.js（12 种和谐方案：complementary、analogous、triadic、split、tetradic、monochromatic、warm、cool、earth、pastel、vibrant、random，全部钳制到 sRGB，支持 --tokens 语义令牌与 --tints 明暗变体）。
九、Agent 调度与参考文件 复杂色彩工作可转派：调色板生成算法（RampenSau、Poline、IQ cosine）转前端设计技能或专用子代理并预加载 references/tools-and-libraries.md；无障碍审计（完整 APCA + CVD 模拟）转运行全组件/令牌组合对比度检查的子代理；设计系统色彩架构转 tailwind-ops（Tailwind 场景）或直接处理 CSS 自定义属性。参考文件包括 references/tools-and-libraries.md（调色板生成器、分析工具、色彩库、在线工具、浏览器扩展）与 references/css-color-reference.md（完整 CSS Color Level 4/5 函数参考、浏览器支持、转换公式）。另可见 tailwind-ops、react-ops、meodai/skill.color-expert、oklch.com、Huetone。
十、限制与未提供信息 资料未提供收费、价格、平台支持范围、安装命令与官方页面 URL。分类上根据其内容（CSS 色彩函数、设计令牌、前端实现）可归入前端与建站。