PencilColor
调色板
✏️ 介绍
PencilColor 是一款用于在 Figma 中生成专业颜色系统的插件。它基于 OKLCH 色彩模型，可快速创建均匀色阶、无障碍配色、Figma Variables 和样式指南，并支持导出到多种开发格式，适合 Design System、UI Kit 和品牌色体系建设。
🔨 功能
1. 支持基于 OKLCH 生成感知均匀的颜色色阶 2. 可生成兼容 Tailwind 的 50–950 色阶 3. 支持实时更新和 Gamut Mapping 色域映射 4. 内置 WCAG 2.1 对比度检查 5. 内置 APCA 对比度检查 6. 可自动推荐黑色或白色作为最佳文字颜色 7. 支持生成 Brand、Neutral、System 和 Custom 等结构化 Figma Variables 8. 支持生成 Local Styles 9. 支持自动生成 Light / Dark Style Guide 10. Style Guide 可包含色块、Hex 色值、对比度标识和无障碍状态 11. 支持 Complementary、Analogous、Triadic、Split-complementary、Square、Tetradic 等配色关系 12. 支持生成 Success、Warning、Error、Info 等功能色 13. 支持生成 Neutral / Grayscale 中性色体系 14. 支持智能颜色命名 15. 内置 4,500+ 个颜色名称 16. 颜色名称可包含 Mood、Accessibility Rating 和 Cultural Associations 信息 17. 支持创建 Light 和 Dark Theme 18. 支持调整全局 Lightness、Contrast 和 Chroma 19. 支持实时预览 OKLCH 调整结果 20. 支持 Image to Color，可从图片提取颜色 21. 图片可通过 Drag & Drop、文件选择器或 Figma Canvas 中的对象导入 22. 支持保存和加载 Color Palette 23. 支持重命名 Color Palette 24. 支持插件 Auto、Light、Dark 三种界面主题 25. 支持导出 CSS 26. 支持导出 SCSS 27. 支持导出 JSON 28. 支持导出 Tailwind Config 29. 支持导出 iOS Swift 30. 支持导出 Android XML 31. 支持 Shadcn 格式导出 32. 适合 Design System、UI Kit、品牌色体系和无障碍颜色规范场景
.png)
