デザイナーツール
デザイナー向けの配色・レイアウト・画像ツール
下のツールを選ぶだけで利用できます。すべて無料でブラウザ内で動作します。
🎨 デザイナーツール · 計 39 個のツール
ランダムアバター生成Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
有機形状生成Blob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
角丸 CSS 生成Border radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
Box Shadow 生成機CSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline.
クリップパスジェネレーターClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts.
オンライン取色器Color picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.
配色スキーム生成Color scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
CSS アニメーションジェネレーターCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
CSS フィルタージェネレーターCSS filter generator: adjust blur, brightness, contrast and hue with live preview and code copy for image effects. Supports batch processing and one-click copy.
CSS グラデーション生成機CSS gradient generator: pick colors, angle and linear/radial type with live preview and one-click copy of CSS for frontend and design, offline and multilingual.
CSS Grid ジェネレーターCSS grid generator: set columns, rows and gap to generate grid layout code with live preview for web and responsive design, with one-click copy and offline.
イージング曲線ビジュアライザーEasing visualizer: pick from 8 easings (ease, linear, ease-in-out, bounce…) for an instant SVG curve plus paste-ready CSS value, with one-click copy.
絵文字コピーEmoji copy and paste: browse 500+ emojis by category, search and copy with one click and favorites for chat and social, with one-click copy and offline.
ファビコン生成機Favicon generator: enter text and colors to generate website icon PNG with multiple sizes and download for site and branding, with one-click copy and offline.
フォントペアリングジェネレーターFont pairing generator: pick a style (modern, elegant, classic, playful, tech) for a heading + body font combo with paste-ready CSS and live preview. All fonts free on Google Fonts.
フォントプレビューFont preview tool: enter text and adjust size, weight, line-height and color with live preview and CSS output for typography, with one-click copy and offline.
フォントサイズ変換ツールFont size converter: convert between px, pt, em, rem and percent with custom root size and live preview for frontend and typography, with one-click copy and offline.
グラスモーフィズム生成ツールGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
グラデーションボーダージェネレーターGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
グラデーションテキストジェネレーターGradient text generator: enter text, two colors and an angle for instant gradient text with live preview and paste-ready CSS.
画像圧縮の前後比較Image compare tool: upload original and compressed images side by side showing size, dimensions and savings for compression tuning, with one-click copy and offline.
オンライン画像切り抜きImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
画像フィルターツールImage filter: add grayscale, vintage and blur filters to images with live preview and download for social and quick edi Supports batch processing and one-click copy.
画像の回転・反転Image rotate and flip tool: rotate 90/180 degrees and flip horizontally or vertically with live preview for quick correction, with one-click copy and offline.
画像をASCIIアートに変換Image to ASCII: convert images to ASCII art with grayscale, color and size options for geek art and text art. Supports batch processing and one-click copy.
ミーム生成Meme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
ネオン文字ジェネレーターNeon text generator: enter text, color and glow (0-40) for instant neon glow preview on dark/light background with paste-ready CSS.
画像から配色抽出Palette from image: upload an image to extract 5 dominant colors as a palette with one-click HEX copy for designers and branding, with one-click copy and offline.
パレットを CSS 変数にPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
画像ピクセル化ツールImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
プレースホルダー画像生成Placeholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
ランダムカラー生成機Random color generator: generate multiple vivid random colors with HEX/RGB/HSL output and palette save for design and inspiration, with one-click copy and offline.
ランダム配色ジェネレーターRandom palette generator: create harmonious palettes with HEX RGB and contrast, lock, export and bulk for design branding, with one-click copy, with one-click copy,.
簡単 SVG ジェネレーターSimple SVG generator: pick circle, rect, triangle, star or heart with size and color for instant embeddable SVG code with preview. Infinitely scalable.
SVG アイコンジェネレーターSVG icons: pick check, close, heart, star and more with color and size (8-128px) for instant embeddable SVG, Data URL usage and preview.
SVG 背景パターンジェネレーターSVG patterns: pick dots, grid, stripes and more with colors and size for seamless tileable SVG plus CSS background code.
文字シャドウジェネレーターText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
画像ウォーターマークWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
ウェーブセパレーター生成ツールWave dividers: pick single/double wave, angle or curve with color and flip for instant SVG divider, CSS background snippet and preview.
よくある質問
「デザイナーツール」カテゴリとは？
「デザイナーツール」カテゴリには 39 個の無料ツールがあります。すべてブラウザ内で動作します。
これらのツールは無料ですか？
はい、すべて無料で回数制限もありません。
登録は必要ですか？
不要です。ページを開くだけで使えます。データはアップロードされません。
対応言語は？
This site supports 12 languages: Chinese, English, Japanese, Spanish, French, Portuguese, Arabic, Indonesian, Hindi, Thai, Vietnamese and Bengali.