ColorX 把一个品牌色变成现代前端需要的一切：11 档 50–950 色阶、亮暗两套语义变量，以及在真实界面上的对比度检查。结果可以直接粘贴进 Tailwind CSS 或 shadcn/ui 项目。所有计算都在浏览器本地完成。
从 Tailwind、Material、Flat UI、CSS 命名色或品牌色中挑选，也可以直接粘贴 HEX、RGB、HSL 或 OKLCH 值。
在落地页、控制台和组件模板上预览亮色与暗色效果。对比度实时更新，用 ← → 逐档调整，直到所有检查通过。
复制单个颜色值，或把整套主题导出为 shadcn/ui、Tailwind v4、Tailwind v3 或 CSS 变量。
官方色板（Tailwind、Material、Flat UI）直接使用原始色值。其他颜色会被放在亮度最接近的档位上，其余档位在 OKLCH 色彩空间中按照 Tailwind 的亮度与饱和度曲线生成，并限制在 sRGB 色域内。
WCAG 2.x 对比度：AAA ≥ 7，AA ≥ 4.5，AA Large ≥ 3（适用于 24px 以上或 19px 以上粗体文字）。
不会。ColorX 完全在浏览器中运行。当前颜色保存在网址里，可以直接收藏或分享。