# 免费设计工具

无需注册。使用这些工具检查无障碍性、预览 Lottie 动画、生成渐变、转换单位和创建配色方案。

---

## 工具分类

### 颜色工具

1. **[Contrast Checker**  \  
   Free WCAG 2.1 color contrast checker. Test your text and background colors against AA and AAA accessibility standards. Get contrast ratio and fix suggestions instantly.  \  
   ](/content/zh/tools/contrast-checker/index.html)

2. **[Color Converter**  \  
   Convert colors between HEX, RGB, HSL, and OKLCH. Generate complementary, analogous, and triadic palettes. Export as CSS variables or Tailwind config.  \  
   ](/content/zh/tools/color-converter/index.html)

3. **[Gradient Generator**  \  
   Free CSS gradient generator with live preview. Create beautiful linear, radial, and conic gradients visually. Adjust colors, stops, and angles, then copy production-ready CSS code instantly.  \  
   ](/content/zh/tools/gradient-generator/index.html)

4. **[Color Info**  \  
   Look up any hex color code for detailed conversions (RGB, HSL, OKLCH), WCAG contrast ratios, shades, tints, and the closest CSS named color.  \  
   ](/content/zh/tools/color-info/index.html)

### Lottie 动画工具

1. **[Lottie Preview**  \  
   Free online Lottie preview tool. Upload .json or .lottie files to view, test, and check animations. Inspect frame rate, dimensions, and duration. Works as a Lottie viewer, checker, tester, and JSON animation player.  \  
   ](/content/zh/tools/lottie-preview/index.html)

2. **[Lottie to GIF**  \  
   Convert Lottie JSON animations to GIF or WebM (VP9) right in your browser. Set resolution, frame rate, and quality — then download. No upload to servers, fully private.  \  
   ](/content/zh/tools/lottie-to-gif/index.html)

3. **[Lottie to dotLottie**  \  
   Convert Lottie JSON files to the optimized dotLottie (.lottie) format. Smaller file size, same quality. Works entirely in your browser — no upload required.  \  
   ](/content/zh/tools/lottie-to-dotlottie/index.html)

### CSS 工具

1. **[Unit Converter**  \  
   Free CSS unit converter. Convert between px, rem, em, vw, vh, %, and pt with configurable base font size and viewport dimensions. Essential for responsive web design.  \  
   ](/content/zh/tools/css-unit-converter/index.html)

---

## 使用这些工具的好处

### 1. 轻松无障碍检测

### 2. 高效的设计预览

### 3. 多样的配色方案生成

---

## 立即开始使用这些工具

[立即前往 Chrome 商店](https://chromewebstore.google.com/detail/miromiro/kpmkikjpclolhodgckeogmiiaehpfjhl)  [了解更多功能](/content/zh/features/index.html)