Design
输入最小/最大视口与字号边界,输出 clamp() 表达式、可复制 CSS 与实时预览数据
css-fluid-typography-clamp-calcDesign
从 CSV 或多行文本批量生成 Code 128、EAN-13、UPC-A、ITF-14、QR Code 和 Data Matrix,并导出 PNG ZIP 或 PDF
barcode-batch-generatorDesign
输入一个主色 Hex,自动生成主色、辅助色、中性色和语义化设计 token,并输出 CSS 变量与 Style Dictionary JSON
color-token-cascade-generatorDesign
计算 WCAG 对比度,模拟主要色觉缺陷,并可对 UI 截图中的低对比区域做标记。
color-vision-accessibility-checkerDesign
在多种颜色之间生成平滑的颜色渐变,支持自定义步数和格式
color-gradient-generatorDesign
将Base64编码的图片数据转换回图片文件,支持多种格式
base64-to-imageDesign
在不同颜色格式之间转换
color-converterDesign
生成随机颜色和颜色调色板
color-generatorDesign
生成 CSS 滤镜属性
css-filter-generatorDesign
生成 CSS 背景滤镜属性,实现毛玻璃效果
backdrop-filter-generatorDesign
生成 CSS 圆角属性
border-radius-generatorDesign
生成 CSS 盒阴影属性
box-shadow-generator