無料デザインツール

登録不要。アクセシビリティチェック、単位変換、カラーパレット生成にこれらのツールをお使いください。

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.
Color Converter
Convert colors between HEX, RGB, HSL, and OKLCH. Generate complementary, analogous, and triadic palettes. Export as CSS variables or Tailwind config.
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.

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.
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.
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.

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.

使う理由

ポイント1の説明

ポイント2の説明

ポイント3の説明