無料デザインツール
登録不要。アクセシビリティチェック、単位変換、カラーパレット生成にこれらのツールをお使いください。
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.