设计工具

通过图标的实时预览创建 CSS 过滤器值, 牌, 图片, 悬停状态, 和视觉实验.

通过关键字或十六进制值查找常见的命名颜色并快速比较匹配的样本.

以选定的比例混合两种颜色，并获得可复制的十六进制和 RGB 混合结果.

为卡片构建网格容器 CSS, 画廊, 仪表板, 功能列表, 并直接在浏览器中布局实验.

为行生成 Flexbox 容器设置, 列, 包裹的项目组, 按钮, 牌, 和响应部分.

独立控制所有四个角以构建卡片的圆形形状, 徽章, 瓷砖, 和组件块.

调整偏移量, 模糊, 传播, 不透明度, 和插入设置，为界面元素构建可复制的 CSS 阴影.

为着陆部分生成快速 CSS 渐变, 标注, 按钮, 牌, 覆盖层, 和品牌视觉效果.

Format raw CSS into readable blocks or compress it into a smaller version for quick copying and cleanup.

检查前景和背景颜色对比度以获取可读的 UI 文本, 按钮, 牌, 和可访问的内容设计.