设计

在 HEX、RGB、HSL 及其他色彩格式之间进行转换，便于设计、前端开发和保持视觉一致性。

可视化创建 CSS 渐变，调整类型、角度、中心点、颜色停靠点和透明度，用于 UI 背景、组件状态和品牌视觉。

可视化调节 CSS box-shadow 的偏移、模糊、扩散、颜色和透明度，支持多层阴影、内阴影与发光，实时预览并复制可上线代码。

检查文字、图标、按钮和 UI 组件在背景上的对比度，判断是否符合 WCAG AA / AAA 可访问性要求。

从一个主色生成 OKLCH 色阶、配色方案、中性色、推荐文字色、CSS 变量和 JSON 色板数据。

可视化生成可平铺的 SVG 背景图案，支持圆点、网格、斜线、三角、波浪等图形，复制 CSS 或下载独立 SVG。

可视化搭建 Flexbox 弹性盒和 CSS Grid 网格布局，实时预览排列效果并复制可直接使用的 CSS。

拖动控制点可视化绘制 CSS 三次贝塞尔缓动曲线，实时预览动效并复制 transition 缓动函数。

从淡入、滑入、缩放、引起注意和旋转等效果库中挑选 CSS 关键帧动画，实时预览并复制 @keyframes 关键帧与 animation 简写。

在可调根字号下换算 px、rem、em、pt、%，生成模块化字号阶梯与流式 clamp()，还能一键把整段 CSS 里的 px 批量转为 rem。