CromaFlow

CromaFlow 是一款专为 Tailwind CSS 设计的专业调色工具，帮助设计师和开发者快速生成完美色板。它支持 3 到 20 阶 的色阶调整，并提供 亮色/暗色预览 功能，让你直观对比不同主题下的色彩表现。

核心功能

• OKLCH 色彩生成器：基于先进的 OKLCH 色彩空间，确保色板在视觉上均匀过渡，色彩更加自然。
• WCAG 无障碍检测：内置对比度检查器，自动检测颜色组合是否符合 WCAG 标准，确保设计对所有人友好。
• JSON 导出与 Figma 集成：一键导出 Tailwind CSS 格式的 JSON 文件，并可直接导入 Figma，实现设计与开发的无缝衔接。

主要特性

• 灵活的色阶范围：从 3 阶到 20 阶自由调整，满足从极简到精细的配色需求。
• 明暗双模式预览：同时查看亮色和暗色主题下的色板效果，提前优化不同场景的视觉一致性。
• 无障碍合规保障：实时对比度检测，避免低对比度带来的可读性问题。
• 跨平台兼容：生成的 JSON 配置可直接用于 Tailwind CSS 项目，并支持 Figma 插件导入。
• 直观的交互界面：拖拽调整色相、饱和度与亮度，所见即所得。

适用场景

• UI/UX 设计师：快速构建品牌色板，确保跨主题的一致性。
• 前端开发者：生成 Tailwind CSS 配置文件，提升开发效率。
• 无障碍设计团队：验证色彩对比度，打造包容性产品。