工具Nuxt · Tailwind CSS · culori

把一个颜色变成能直接用的 Tailwind 与 shadcn/ui 主题,在真实界面上检查对比度。

ColorX
  • 从一个主色生成 50–950 色阶,以及亮色、暗色两套语义变量
  • 在落地页、控制台、组件三种界面上实时预览,按 WCAG 检查文字对比度
  • 导出 Tailwind v4、shadcn/ui 变量或纯 CSS,支持 OKLCH、HEX、HSL