color-motion 是动态设计技能集中的颜色技能，用于为动效或视频作品选色、配color和动画化颜色，产出带精确 OKLCH/hex 值的调色板、渐变 CSS 与过渡参数。
用途与场景：为动态作品选配调色板；制作渐变背景（网格、噪点、缓慢漂移）；动画化颜色过渡（按钮状态、主题切换、加载器）；按情绪调色或修复发灰、浑浊的渐变插值；修复 After Effects 渲染发白、伽马偏移或跨平台不一致，并选择正确的分平台导出/颜色标签。
主要能力：
- 克制调色板——1 个主色 + 1 个强调色 + 2-3 个中性色，用明度和彩度制造层次而非堆砌色相；用 OKLCH（oklch(L C H)，L 为感知明度 0-1，C 为彩度，H 为色相角 0-360）保证等视觉重量；中性色可轻微偏向主色色相以统一画面。
- 感知插值——渐变与动画在 OKLCH/OKLab/Lab 中插值，绝不用原始 sRGB。CSS 可用 linear-gradient(in oklch, ...)、in oklch longer hue、conic-gradient(in oklch, ...)；动画过渡需用库逐帧输出，或用 @property 注册带类型的自定义属性让浏览器按所选空间插值。
- 高级感渐变——叠加多个 radial-gradient 的网格渐变、加 3-5% 透明度噪点消除色带、以 8-20s ease-in-out alternate 缓慢漂移。
- 颜色过渡动画——进入/高亮用 ease-out（cubic-bezier(0.16, 1, 0.3, 1)），状态变化 150-300ms，主题/全屏过渡 400-800ms，线性仅用于连续循环；必须注册 @property 才会真正插值，否则会瞬间跳变。
- 调色顺序——曝光/白平衡、对比度、中间调/饱和度、分离色调（经典青影橙高光，需克制）、统一（整体色调/LUT 与轻微暗角），顺序不可颠倒。
- 视频/渲染色彩管理——显式设置工作空间（SDR 视频 Rec.709 Gamma 2.4，UI/静帧 sRGB，深度 16 bpc）；导出时在输出模块显式嵌入 Rec.709/sRGB 标签；注意 QuickTime 约 1.96 额外伽马问题，不要以 QuickTime 为参考；用 50% 灰（RGB 128）测试片数值校验，用 ffprobe 核查 color_primaries/color_transfer/color_space 是否为 bt709。
交付与验证：Web 交付为单个可直接打开的 .html 文件（无构建步骤），CSS 完成颜色工作，只用一个动画驱动，并内置冻结工具：?t=N 通过负 animation-delay 加暂停把动画定格在第 N 秒。验证流程为渲染→冻结→截图→检查，用 npx playwright screenshot --wait-for-timeout=500 "file://$PWD/color.html?t=8" frame-mid.png 截图，确认无 banding、无浑浊或灰色中点、明度均匀，并遵循 prefers-reduced-motion。
限制与注意：资料未提供定价、平台支持范围或效果数据；插值需依赖库或 @property 支持；颜色管理需按平台正确设标签。