免费设计工具
无需注册。使用这些工具检查无障碍性、预览 Lottie 动画、生成渐变、转换单位和创建配色方案。
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.
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.
Color Converter
Convert colors between HEX, RGB, HSL, and OKLCH. Generate complementary, analogous, and triadic palettes. Export as CSS variables or Tailwind config.
Lottie Preview
Preview, check, and test Lottie JSON animations online for free. Upload any .json file to inspect frame rate, dimensions, and duration. Also a Lottie viewer and checker.
Gradient Generator
Free CSS gradient generator with live preview. Create linear, radial, and conic gradients visually. Adjust colors, stops, and angles, then copy production-ready CSS code.
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.