OKLCH Palette Studio for Figma

OKLCH Palette Studio for Figma 是一款专为 Figma 设计的插件，旨在帮助设计师生成感知均匀、色彩准确的调色板。它基于 OKLCH 色彩空间，能够创建平滑自然的 50–950 色阶，并支持真正的亮色与暗色调色板。插件内置 WCAG 对比度检查，确保色彩组合符合无障碍标准。同时，它提供语义角色分配功能，让色彩系统更具逻辑性。输出方面，支持导出为 CSS、OKLCH、Tailwind 和 JSON 格式，并能直接推送至 Figma Variables，实现从设计到开发的无缝衔接。

核心功能

• 感知均匀的色阶生成：基于 OKLCH 色彩空间，自动生成平滑的 50–950 色阶，避免传统 HSL 中的色相偏移问题。
• 亮暗双调色板：为每个颜色生成对应的亮色和暗色变体，确保在不同主题下的一致性。
• P3 色域支持：创建广色域 P3 色彩，同时自动生成 sRGB 回退方案，兼顾现代显示与兼容性。
• WCAG 对比度检查：实时检测色彩组合的对比度，确保符合 WCAG AA/AAA 标准。
• 语义角色分配：为色彩分配如“主色”、“强调色”等语义角色，提升色彩系统的可维护性。

主要特性

• 一键生成完整调色板，大幅提升设计效率
• 内置无障碍检查，确保设计包容性
• 支持多种导出格式，适配不同开发环境
• 直接集成 Figma Variables，简化设计系统同步
• 基于 OKLCH 色彩模型，色彩过渡自然无断层

适用场景

• UI/UX 设计师：快速构建品牌色系统、主题色板或组件色彩规范。
• 设计系统团队：统一多产品线的色彩体系，确保跨平台一致性。
• 前端开发者：直接导出 CSS 或 Tailwind 配置，减少手动转换错误。
• 无障碍设计：通过内置对比度检查，轻松满足 WCAG 标准。