免费设计工具
无需注册。使用这些工具检查无障碍性、预览 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
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.
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.
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.