01 功能说明
探索 OKLCH 和 Lab 插值、动态渐变、调色顺序，以及排查预览与导出色彩差异的方法。
color-motion 处理动态作品中的色彩决策，包括建立配色、渐变过渡、氛围调色和渲染一致性。它建议使用克制且有明确数值的配色，并在设计插值时使用 OKLCH 或 Lab 等感知色彩空间。
对于网页，源文件要求交付独立 HTML，采用单一动画驱动并检查冻结帧。对于视频，则指向色彩管理诊断。导出画面发灰时，应先检查工作色彩空间、嵌入标签和播放器的解读方式，再决定是否给作品重新配色。
预期交付物
选择符合需求的主色、强调色和中性色。将层级、对比度需求与装饰性变化分开考虑。
在感知色彩空间中设计插值，并只选择一个动画驱动。除了两端颜色，也要检查中间点。
冻结代表性网页帧，或在目标播放环境中比较渲染视频的标签和外观。交付前排查色带和亮度偏移。
02 适用场景
源文件中的播放器和导出建议，仍需在已安装的软件和实际目标浏览器中验证。
03 关键决策
指定色彩空间，让中间颜色也成为有意识的设计选择。
起点、中间和终点截图能暴露色带或难以阅读的颜色组合。
检查标签和播放链路，有助于区分渲染流程问题与设计决策。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
提供认可的色值及配色限制。
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/color-motion/SKILL.md下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
使用 color-motion，根据我们提供的海军蓝和琥珀色品牌色制作克制的动态背景。交付独立 HTML 示例，使用易读的中性色文字和一次缓慢渐变循环。以 hex 和 OKLCH 指定配色，检查过渡中间是否出现暗淡或浑浊的颜色，并提供减少动态效果时的静态状态。每次调整后，都截取相同的起点、中间和终点时刻。不要添加第二个动画驱动。如果浏览器行为与预期插值不同，请说明限制，并确保所有已检查状态下文字都清晰可读。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
设计动态配色、基于感知的色彩过渡和一致的导出效果。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/color-motion/SKILL.md