Custom Colors

Custom Colors 是一款专为设计师和开发者打造的专业调色板与设计令牌工作台。它让你能够轻松创建和微调配色方案，并通过拖拽控制、实时对比度检测、和谐变体生成等功能，确保色彩既美观又无障碍。

核心功能

• 实时对比度检测：支持 WCAG 和 APCA 标准，在调整颜色时即时显示对比度评级，确保文本可读性。
• 智能调色工具：通过拖拽滑块微调色相、饱和度、明度，或基于基础色自动生成互补、类似、三色等和谐变体。
• 真实组件预览：在按钮、卡片、表单等 UI 组件 中预览颜色效果，直观感受实际应用场景。
• 一键导出令牌：将调色板导出为 CSS、JSON、Tailwind、DTCG、SVG 或 PNG 格式，无缝对接开发流程。
• 项目与集合管理：将调色板组织到项目和集合中，方便团队协作和版本管理，并可通过链接分享任意调色板。

适用场景

• 设计师：快速创建符合无障碍标准的品牌色板，并导出设计令牌供开发使用。
• 前端开发者：获取精准的色值代码，直接集成到 Tailwind、CSS 变量或设计系统中。
• 产品团队：统一色彩规范，确保跨项目色彩一致性，提升协作效率。

无论是构建新的设计系统，还是优化现有产品的色彩无障碍性，Custom Colors 都能为你提供高效、精准的解决方案。