本文へ移動

画像・デザインの無料ツール

画像編集、配色、CSSデザインなど見た目を整えるツール。

全54件・2/3ページ
DESIGN

画像・デザインツール一覧

各ツールは登録不要でブラウザからすぐに利用できます

画像・デザイン

透過画像分割

透過PNGの連結成分を検出してバラバラに切り出し。 スライダー即時プレビュー・ZIP一括DL対応!

🔍 連結成分🎚️ ライブ調整📦 ZIP DL
画像・デザイン

QRコードリーダー

画像ファイルまたはカメラでQRコードを即スキャン! URL・メール・Wi-Fi・電話番号を自動判別!

📁 ファイル読込📷 カメラスキャン🔍 タイプ判別
画像・デザイン

カラーコード抽出

画像をアップロードしてピクセルのカラーコードを取得。 拡大鏡・パレット保存・CSS変数エクスポート!

🔍 拡大鏡🎨 パレット📋 CSS変数
画像・デザイン

スピログラフ

R・r・dのパラメータで幾何学模様を生成。 虹色モード・10プリセット・PNG保存対応!

🌀 アニメーション🌈 虹色モード💾 PNG保存
画像・デザイン

ドット絵エディター

ブラウザでピクセルアートを作成・保存! 4パレット・ミラー・アンドゥ・PNG書き出し対応!

🖌️ 4ツール🔁 ミラー描画⬇️ PNG保存
画像・デザイン

ノイズテクスチャ生成

Perlin・Value・Cellular など6種のノイズを生成。 7カラーマップ・256〜1024px・PNG保存!

🌫️ 6ノイズ種🎨 7カラーマップ💾 PNG保存
画像・デザイン

パターン生成

10種の幾何学パターンをカスタマイズして生成。 PNG(最大2048px)・SVGタイル書き出し対応!

🎨 10パターン📐 SVG書き出し🖼️ 最大2048px
画像・デザイン

フローチャート

Mermaid記法でフロー・シーケンス・クラス図などを即描画。 5種のダイアグラム・SVG/PNG保存対応!

📊 5ダイアグラム🎨 4テーマ💾 SVG/PNG
画像・デザイン

マインドマップ

Tab/Enter でサクサク思考整理。3レイアウト・折りたたみ・ 自動保存&JSON/SVG/PNG出力対応!

⌨️ キーボード操作🌳 木構造💾 自動保存
画像・デザイン

座席表ジェネレーター

クリックで名前を入力・シャッフル割り当て対応。 教室・会議・宴会など用途に合わせてPNG書き出し!

🪑 グリッド編集🔀 シャッフル📥 PNG出力
画像・デザイン

被写界深度計算

焦点距離・絞り・距離からDoFを算出。 過焦点距離・ボケビジュアル・センサープリセット付き!

📏 DoF計算🎯 過焦点距離📷 7センサー対応
画像・デザイン

迷路生成

3種アルゴリズムでランダム迷路を自動生成。 解答表示・アニメーション・4テーマ・PNG保存!

🔀 3アルゴリズム🗺️ 解答表示💾 PNG保存
画像・デザイン

カラーネーム検索

CSS 色名 140色を検索・一覧表示。 HEX・RGB・HSL形式をクリックでコピー。色相フィルター対応。

🎨 140色📋 HEX/RGB/HSL🔍 色相フィルター
画像・デザイン

カラーミキサー

複数の色を混ぜて新しい色を作成。 RGB加法混合・絵の具混合(RYB)・グラデーション生成対応!

🎨 2〜5色混合🌈 グラデ生成🖌️ RYB混合
画像・デザイン

グラフ作成

棒グラフ・折れ線・円グラフ・ドーナツを作成して PNG 保存。 ラベル・軸タイトル・カラーパレット6種・CSV一括入力対応。

📊 4グラフ種🎨 6パレット⬇️ PNG保存
画像・デザイン

プレースホルダー画像生成

任意サイズのプレースホルダー画像を即生成。 SNS・Web広告プリセット・パターン背景・PNG/JPEG保存対応!

📐 サイズ自由🎨 パターン6種⬇️ PNG/JPEG/WebP
画像・デザイン

画像連結

複数の画像を縦・横に並べて1枚に結合。 ドラッグで順番変更・余白・背景色・サイズ統一対応!

↔️ 縦横連結🎨 背景設定⬇️ PNG/JPEG
画像・デザイン

透過トリミング

透明な余白を自動検出して最小サイズにクロップ。 アルファ閾値・パディング設定付き、PNG書き出し対応。

🔍 自動検出🎚️ 閾値調整⬇️ PNG保存
画像・デザイン

CSSアニメーション生成

プリセット20種+カスタム編集。 リアルタイムプレビューとCSSコピー!

🎨 20プリセット✏️ カスタム編集📋 CSSコピー
画像・デザイン

画像キャンバス拡張

上下左右に余白を追加してキャンバスサイズを拡張。 余白の色・不透明度を自由指定、PNG/JPEG書き出し!

📐 上下左右個別指定🔲 透過対応💾 PNG/JPEG
画像・デザイン

border-radius ジェネレーター

4コーナー×水平/垂直の8値でブロブや葉形も自在。 シンプル / 詳細モード切替・プリセット12種!

🧩 8コーナー🫧 ブロブ📏 px / %
画像・デザイン

box-shadow ジェネレーター

複数レイヤーの影を重ねて表現力アップ。 Material・ニューモーフィズム・グローのプリセット付き!

🎛 レイヤー✨ ニューモ💡 グロー
画像・デザイン

イージング関数ビジュアライザー

33種のイージングをグラフ&ボールアニメーションで確認。 CSS・JSコードをそのままコピー!

📈 グラフ🎯 33種📋 コードコピー
画像・デザイン

カラーパレット生成

1色から補色・類似・トライアド・モノクロなど自動生成。 CSS/SCSS/JSON/Tailwind書き出し対応!

🎭 7ハーモニー📤 4形式🖱 クリックコピー