智能生成色阶渐变,精确计算文字与背景的 WCAG 2.1 无障碍对比度(AA/AAA)。
上传图片自动提取主色调,基于中位切分量化算法生成调色板,一键复制 CSS 变量。
可视化调节线性、径向、圆锥渐变与颜色节点,实时预览并输出 CSS 与 Tailwind 代码。
基于感知均匀的 OKLCH 色彩空间调色,拖动 L/C/H 滑杆并生成感知均匀的色阶。
基于色轮理论生成互补、邻近、三色、分裂互补等六种调和方案,一键复制搭配。
将浅色语义令牌自动转换为深色模式配色,三种策略可选,输出 :root 与 .dark 变量。
按比例混合两种颜色,生成等分中间色带,并输出 CSS color-mix() 函数代码。
可视化叠加多层 box-shadow,调节偏移、模糊、扩散与透明度,实时预览并复制 CSS。
为颜色统一命名并同步生成 CSS、JS、SCSS 三种格式的设计令牌代码。
上传图片模拟四种色觉效果,校验调色板可读性,并提供 Okabe-Ito 安全配色。
可视化调节图片 filter 滤镜或毛玻璃卡片参数,实时预览并输出 filter / backdrop-filter 代码。