---
title: "Web ToolBox | 開発を支援するツールコレクション"
description: アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。
canonical_url: "https://web-toolbox.dev/"
meta:
author: K
"og:description": アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。
"og:image": "https://web-toolbox.dev/og/default-ja.png"
"og:image:alt": "Web ToolBox"
"og:image:height": "630"
"og:image:width": "1200"
"og:title": "Web ToolBox | 開発を支援するツールコレクション"
---
> Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt)
83種類のツール
## 開発で使うツールを、ひとつの場所に
- 登録不要
- すべて無料
- すぐ使える
**200万****回以上、利用されています**
## Web ToolBoxの特長
### **80種類以上の開発ツール**
エンコード、変換、生成、検証など、開発でよく使うツールをまとめています。
### **PCでもスマホでも**
同じURLを開くだけ。インストール不要で、どの端末でも同じように使えます。
### **プライバシー第一**
多くの処理はブラウザ内で完結するため、入力データをその場で扱えます。
## **注目のツール**
[**カラーコードコンバーター**
カラーコードを複数形式でまとめて表示](https://web-toolbox.dev/tools/color-converter) [**ダミー画像ジェネレーター**
指定サイズと色でダミー画像を生成](https://web-toolbox.dev/tools/dummy-image-generator) [**見出し抽出**
Webページの見出しタグを一覧表示](https://web-toolbox.dev/tools/heading-extractor) [**画像比較スライダー**
2枚の画像をスライダーで比較](https://web-toolbox.dev/tools/image-compare-slider) [**JWTデコーダー**
JWTの内容をデコードして表示](https://web-toolbox.dev/tools/jwt-decoder) [**OGPチェッカー**
URLのOGP情報を取得して表示確認](https://web-toolbox.dev/tools/ogp-checker) [**QRコードリーダー**
カメラや画像からQRコードを読み取り](https://web-toolbox.dev/tools/qrcode-reader) [**サブドメイン検索**
ドメインのサブドメインを一覧表示](https://web-toolbox.dev/tools/subdomain-lookup) [**テキスト差分チェッカー**
2つのテキストを入力すると差分がリアルタイムで色分け表示](https://web-toolbox.dev/tools/text-diff-checker) [**ULIDジェネレーター**
タイムスタンプ付きでソート可能なULIDを生成](https://web-toolbox.dev/tools/ulid-generator) [**動画フレーム切り出し**
動画から狙ったフレームを画像として切り出し](https://web-toolbox.dev/tools/video-frame-extractor) [**英単語カウンター**
単語数・文字数・行数をまとめてカウント](https://web-toolbox.dev/tools/word-counter) [**XML整形**
XMLを見やすく整形または縮小化](https://web-toolbox.dev/tools/xml-formatter) [**YouTubeサムネイルダウンローダー**
YouTube動画のサムネイルを複数サイズで取得](https://web-toolbox.dev/tools/youtube-thumbnail-downloader)
[**カラーコードコンバーター**
カラーコードを複数形式でまとめて表示](https://web-toolbox.dev/tools/color-converter) [**ダミー画像ジェネレーター**
指定サイズと色でダミー画像を生成](https://web-toolbox.dev/tools/dummy-image-generator) [**見出し抽出**
Webページの見出しタグを一覧表示](https://web-toolbox.dev/tools/heading-extractor) [**画像比較スライダー**
2枚の画像をスライダーで比較](https://web-toolbox.dev/tools/image-compare-slider) [**JWTデコーダー**
JWTの内容をデコードして表示](https://web-toolbox.dev/tools/jwt-decoder) [**OGPチェッカー**
URLのOGP情報を取得して表示確認](https://web-toolbox.dev/tools/ogp-checker) [**QRコードリーダー**
カメラや画像からQRコードを読み取り](https://web-toolbox.dev/tools/qrcode-reader) [**サブドメイン検索**
ドメインのサブドメインを一覧表示](https://web-toolbox.dev/tools/subdomain-lookup) [**テキスト差分チェッカー**
2つのテキストを入力すると差分がリアルタイムで色分け表示](https://web-toolbox.dev/tools/text-diff-checker) [**ULIDジェネレーター**
タイムスタンプ付きでソート可能なULIDを生成](https://web-toolbox.dev/tools/ulid-generator) [**動画フレーム切り出し**
動画から狙ったフレームを画像として切り出し](https://web-toolbox.dev/tools/video-frame-extractor) [**英単語カウンター**
単語数・文字数・行数をまとめてカウント](https://web-toolbox.dev/tools/word-counter) [**XML整形**
XMLを見やすく整形または縮小化](https://web-toolbox.dev/tools/xml-formatter) [**YouTubeサムネイルダウンローダー**
YouTube動画のサムネイルを複数サイズで取得](https://web-toolbox.dev/tools/youtube-thumbnail-downloader)
[**カラーコードコンバーター**
カラーコードを複数形式でまとめて表示](https://web-toolbox.dev/tools/color-converter) [**ダミー画像ジェネレーター**
指定サイズと色でダミー画像を生成](https://web-toolbox.dev/tools/dummy-image-generator) [**見出し抽出**
Webページの見出しタグを一覧表示](https://web-toolbox.dev/tools/heading-extractor) [**画像比較スライダー**
2枚の画像をスライダーで比較](https://web-toolbox.dev/tools/image-compare-slider) [**JWTデコーダー**
JWTの内容をデコードして表示](https://web-toolbox.dev/tools/jwt-decoder) [**OGPチェッカー**
URLのOGP情報を取得して表示確認](https://web-toolbox.dev/tools/ogp-checker) [**QRコードリーダー**
カメラや画像からQRコードを読み取り](https://web-toolbox.dev/tools/qrcode-reader) [**サブドメイン検索**
ドメインのサブドメインを一覧表示](https://web-toolbox.dev/tools/subdomain-lookup) [**テキスト差分チェッカー**
2つのテキストを入力すると差分がリアルタイムで色分け表示](https://web-toolbox.dev/tools/text-diff-checker) [**ULIDジェネレーター**
タイムスタンプ付きでソート可能なULIDを生成](https://web-toolbox.dev/tools/ulid-generator) [**動画フレーム切り出し**
動画から狙ったフレームを画像として切り出し](https://web-toolbox.dev/tools/video-frame-extractor) [**英単語カウンター**
単語数・文字数・行数をまとめてカウント](https://web-toolbox.dev/tools/word-counter) [**XML整形**
XMLを見やすく整形または縮小化](https://web-toolbox.dev/tools/xml-formatter) [**YouTubeサムネイルダウンローダー**
YouTube動画のサムネイルを複数サイズで取得](https://web-toolbox.dev/tools/youtube-thumbnail-downloader)
[**カラーコードコンバーター**
カラーコードを複数形式でまとめて表示](https://web-toolbox.dev/tools/color-converter) [**ダミー画像ジェネレーター**
指定サイズと色でダミー画像を生成](https://web-toolbox.dev/tools/dummy-image-generator) [**見出し抽出**
Webページの見出しタグを一覧表示](https://web-toolbox.dev/tools/heading-extractor) [**画像比較スライダー**
2枚の画像をスライダーで比較](https://web-toolbox.dev/tools/image-compare-slider) [**JWTデコーダー**
JWTの内容をデコードして表示](https://web-toolbox.dev/tools/jwt-decoder) [**OGPチェッカー**
URLのOGP情報を取得して表示確認](https://web-toolbox.dev/tools/ogp-checker) [**QRコードリーダー**
カメラや画像からQRコードを読み取り](https://web-toolbox.dev/tools/qrcode-reader) [**サブドメイン検索**
ドメインのサブドメインを一覧表示](https://web-toolbox.dev/tools/subdomain-lookup) [**テキスト差分チェッカー**
2つのテキストを入力すると差分がリアルタイムで色分け表示](https://web-toolbox.dev/tools/text-diff-checker) [**ULIDジェネレーター**
タイムスタンプ付きでソート可能なULIDを生成](https://web-toolbox.dev/tools/ulid-generator) [**動画フレーム切り出し**
動画から狙ったフレームを画像として切り出し](https://web-toolbox.dev/tools/video-frame-extractor) [**英単語カウンター**
単語数・文字数・行数をまとめてカウント](https://web-toolbox.dev/tools/word-counter) [**XML整形**
XMLを見やすく整形または縮小化](https://web-toolbox.dev/tools/xml-formatter) [**YouTubeサムネイルダウンローダー**
YouTube動画のサムネイルを複数サイズで取得](https://web-toolbox.dev/tools/youtube-thumbnail-downloader)
## **すべてのツール**
手作りされたツールのコレクション
### **テキスト**12
- [**文字数カウンター**
文字数・行数・バイト数をまとめてカウント - 分析 - 計算](https://web-toolbox.dev/tools/character-counter)
- [**HTMLタグ除去**
HTMLタグを除去してテキストを抽出 - 整形](https://web-toolbox.dev/tools/html-tag-remover)
- [**改行・空白・タブ文字除去**
改行、タブ、スペースを選択的に除去 - 整形](https://web-toolbox.dev/tools/line-break-remover)
- [**Lorem Ipsum ジェネレーター**
モックアップや原稿を埋めるダミーテキスト - 生成](https://web-toolbox.dev/tools/lorem-ipsum-generator)
- [**テキストケース変換**
テキストを大文字・小文字・各種ケースへ変換 - 変換](https://web-toolbox.dev/tools/text-case-converter)
- [**テキスト差分チェッカー**
2つのテキストを入力すると差分がリアルタイムで色分け表示 - 比較](https://web-toolbox.dev/tools/text-diff-checker)
- [**テキスト重複行除去**
重複行を削除してユニークな行を抽出 - 整形](https://web-toolbox.dev/tools/text-duplicate-remover)
- [**テキスト行結合**
複数行を任意の区切り文字で1行に結合 - 整形](https://web-toolbox.dev/tools/text-line-joiner)
- [**テキスト行頭・行末追加**
各行にプレフィックス・サフィックスを追加 - 整形](https://web-toolbox.dev/tools/text-prefix-suffix)
- [**テキストソーター**
テキストを行単位で条件別にソート - 整形](https://web-toolbox.dev/tools/text-sorter)
- [**テキスト分割**
区切り文字でテキストを分割して1行ずつ表示 - 分割](https://web-toolbox.dev/tools/text-splitter)
- [**英単語カウンター**
単語数・文字数・行数をまとめてカウント - 分析 - 計算](https://web-toolbox.dev/tools/word-counter)
### **データ変換**12
- [**ASCII to HEX変換**
ASCIIテキストを指定形式で16進数に変換 - 変換](https://web-toolbox.dev/tools/ascii-to-hex)
- [**Base64デコード**
Base64文字列を元のテキストにデコード - デコード](https://web-toolbox.dev/tools/base64-decode)
- [**Base64エンコード**
テキストを標準・URLセーフ形式のBase64に変換 - エンコード](https://web-toolbox.dev/tools/base64-encode)
- [**CSV to JSON変換**
CSVをJSON形式に変換して出力 - 変換](https://web-toolbox.dev/tools/csv-to-json)
- [**HEX to ASCII変換**
16進数をASCIIテキストにデコード - 変換](https://web-toolbox.dev/tools/hex-to-ascii)
- [**JSON to CSV変換**
JSONをCSV形式へ変換して出力 - 変換](https://web-toolbox.dev/tools/json-to-csv)
- [**JSON to TOON変換**
JSONをTOON形式に変換してLLM向けに整理 - 変換](https://web-toolbox.dev/tools/json-to-toon)
- [**JSON to YAML変換**
JSONをYAML形式へ変換して出力 - 変換](https://web-toolbox.dev/tools/json-to-yaml)
- [**基数変換**
2/8/10/16進数を相互変換 - 変換](https://web-toolbox.dev/tools/number-base-converter)
- [**TOON to JSON変換**
TOON形式を標準JSON形式に変換 - 変換](https://web-toolbox.dev/tools/toon-to-json)
- [**URLエンコード・デコード**
URL特殊文字をエンコード・デコード - エンコード - デコード](https://web-toolbox.dev/tools/url-encode-decode)
- [**YAML to JSON変換**
YAMLをJSON形式へ変換して確認 - 変換](https://web-toolbox.dev/tools/yaml-to-json)
### **コード**7
- [**HTMLエスケープ/アンエスケープ**
HTML特殊文字とHTMLエンティティを相互変換 - エンコード - デコード](https://web-toolbox.dev/tools/html-escape-unescape)
- [**JSON整形**
JSONの構文をチェックしながら整形 - 整形 - チェック](https://web-toolbox.dev/tools/json-formatter)
- [**JWTデコーダー**
JWTの内容をデコードして表示 - デコード](https://web-toolbox.dev/tools/jwt-decoder)
- [**正規表現チェッカー**
正規表現のマッチ結果と動作を確認 - チェック](https://web-toolbox.dev/tools/regex-checker)
- [**SQL整形**
SQLを読みやすく整形し各種方言に対応 - 整形](https://web-toolbox.dev/tools/sql-formatter)
- [**UUIDバリデーター**
複数のUUIDを一括検証し有効性を確認 - チェック](https://web-toolbox.dev/tools/uuid-validator)
- [**XML整形**
XMLを見やすく整形または縮小化 - 整形](https://web-toolbox.dev/tools/xml-formatter)
### **セキュリティ**6
- [**クレジットカードバリデーター**
カード番号を検証してブランドを識別 - チェック](https://web-toolbox.dev/tools/credit-card-validator)
- [**CSPパーサー**
CSPヘッダーを解析し設定内容を一覧表示 - 分析 - チェック](https://web-toolbox.dev/tools/csp-parser)
- [**パスワードジェネレーター**
条件を指定してパスワードを一括生成 - 生成](https://web-toolbox.dev/tools/password-generator)
- [**SHAハッシュジェネレーター**
テキストをSHA-256・384・512でハッシュ化 - 計算](https://web-toolbox.dev/tools/sha-hash-generator)
- [**ULIDジェネレーター**
タイムスタンプ付きでソート可能なULIDを生成 - 生成](https://web-toolbox.dev/tools/ulid-generator)
- [**UUID/GUIDジェネレーター**
UUID v1/v4をまとめて生成 - 生成](https://web-toolbox.dev/tools/uuid-generator)
### **CSS**9
- [**Border Radiusジェネレーター**
border-radiusを調整して角丸デザインを作成 - 生成](https://web-toolbox.dev/tools/border-radius-generator)
- [**Box Shadowジェネレーター**
box-shadowを調整して影のCSSを作成 - 生成](https://web-toolbox.dev/tools/box-shadow-generator)
- [**CSS背景パターンジェネレーター**
ストライプやドットの背景パターンを生成 - 生成](https://web-toolbox.dev/tools/css-background-pattern-generator)
- [**CSSカーソルビューワー**
CSSカーソルの見た目と動作を一覧確認 - チェック](https://web-toolbox.dev/tools/css-cursor-viewer)
- [**CSSフィルタージェネレーター**
CSSフィルターを調整してコードを生成 - 生成](https://web-toolbox.dev/tools/css-filter-generator)
- [**CSSグラデーションジェネレーター**
CSSグラデーションを調整してコード生成 - 生成](https://web-toolbox.dev/tools/css-gradient-generator)
- [**グラデーションテキストジェネレーター**
CSSのグラデーション文字を作成 - 生成](https://web-toolbox.dev/tools/gradient-text-generator)
- [**Squircleジェネレーター**
squircleのclip-pathやSVGコードを生成 - 生成](https://web-toolbox.dev/tools/squircle-generator)
- [**SVG to CSS変換**
SVG画像をCSSコードに変換 - 変換](https://web-toolbox.dev/tools/svg-to-css)
### **Web**7
- [**見出し抽出**
Webページの見出しタグを一覧表示 - 抽出 - SEO](https://web-toolbox.dev/tools/heading-extractor)
- [**OGPチェッカー**
URLのOGP情報を取得して表示確認 - チェック - OGP](https://web-toolbox.dev/tools/ogp-checker)
- [**OGP画像シミュレーター**
X/FacebookのOGP画像表示を確認 - シミュレーション - OGP](https://web-toolbox.dev/tools/ogp-image-simulator)
- [**OGPタグジェネレーター**
SNS向けのOGPメタタグを生成 - 生成 - OGP](https://web-toolbox.dev/tools/ogp-tag-generator)
- [**サジェストキーワード抽出**
Google検索サジェストを一括取得 - 抽出 - SEO](https://web-toolbox.dev/tools/suggestion-extractor)
- [**URL一括オープン**
複数のURLを新しいタブで一括オープン - URL](https://web-toolbox.dev/tools/url-bulk-opener)
- [**URLパーサー**
URLを解析し構造化データを抽出 - 分析 - URL](https://web-toolbox.dev/tools/url-parser)
### **カラー**5
- [**カラーコントラストチェッカー**
テキストと背景色のコントラスト比を確認 - チェック - 計算](https://web-toolbox.dev/tools/color-contrast-checker)
- [**カラーコードコンバーター**
カラーコードを複数形式でまとめて表示 - 変換](https://web-toolbox.dev/tools/color-converter)
- [**カラーコード抽出**
画像から主要な色を抽出してHexで表示 - 抽出](https://web-toolbox.dev/tools/color-extractor)
- [**カラースポイト**
画像の任意の位置から色コードを抽出 - 抽出](https://web-toolbox.dev/tools/color-eyedropper)
- [**Tailwindカラーパレットジェネレーター**
基準色を11階調のTailwindスケールに変換 - 生成](https://web-toolbox.dev/tools/tailwind-color-palette)
### **画像**15
- [**画像Base64デコード**
Base64文字列を画像ファイルにデコード - デコード - ダウンロード](https://web-toolbox.dev/tools/base64-decode-image)
- [**画像Base64エンコード**
画像をBase64文字列に一括変換 - エンコード](https://web-toolbox.dev/tools/base64-encode-image)
- [**ダミー画像ジェネレーター**
指定サイズと色でダミー画像を生成 - 生成 - ダウンロード](https://web-toolbox.dev/tools/dummy-image-generator)
- [**画像比較スライダー**
2枚の画像をスライダーで比較 - 比較](https://web-toolbox.dev/tools/image-compare-slider)
- [**画像リサイズ**
縦横比を保ったまま画像をリサイズ - 変換 - ダウンロード](https://web-toolbox.dev/tools/image-resizer)
- [**JPG変換**
画像をJPG形式に一括変換 - 変換 - ダウンロード](https://web-toolbox.dev/tools/jpg-converter)
- [**ピクセルアート変換**
画像をドット絵風に変換 - 変換 - ダウンロード](https://web-toolbox.dev/tools/pixelart-converter)
- [**PNG変換**
画像をPNG形式に一括変換 - 変換 - ダウンロード](https://web-toolbox.dev/tools/png-converter)
- [**QRコードジェネレーター**
URLやテキストからQRコードを生成 - 生成 - QRコード](https://web-toolbox.dev/tools/qrcode-generator)
- [**QRコードリーダー**
カメラや画像からQRコードを読み取り - デコード - QRコード](https://web-toolbox.dev/tools/qrcode-reader)
- [**角丸画像ジェネレーター**
画像の角を丸くしてPNG形式で保存 - 生成 - ダウンロード](https://web-toolbox.dev/tools/rounded-corner-image-generator)
- [**SVGブロブジェネレーター**
有機的なブロブ形状のSVGを生成 - 生成 - ダウンロード](https://web-toolbox.dev/tools/svg-blob-generator)
- [**動画フレーム切り出し**
動画から狙ったフレームを画像として切り出し - 抽出 - ダウンロード](https://web-toolbox.dev/tools/video-frame-extractor)
- [**WebP変換**
画像をWebP形式へ変換して容量を削減 - 変換 - ダウンロード](https://web-toolbox.dev/tools/webp-converter)
- [**YouTubeサムネイルダウンローダー**
YouTube動画のサムネイルを複数サイズで取得 - ダウンロード - URL](https://web-toolbox.dev/tools/youtube-thumbnail-downloader)
### **日時**3
- [**営業日カレンダー**
営業日数と稼働時間をカレンダーで確認 - 計算](https://web-toolbox.dev/tools/business-calendar)
- [**Cron式パーサー**
cron式を解析し、解釈結果と次回実行予定を表示 - 分析](https://web-toolbox.dev/tools/cron-parser)
- [**エポック秒コンバーター**
UNIX時間と日時を相互変換 - 変換 - 計算](https://web-toolbox.dev/tools/epoch-converter)
### **計算**5
- [**アスペクト比計算**
寸法と比率を相互に計算 - 計算](https://web-toolbox.dev/tools/aspect-ratio-calculator)
- [**黄金比計算**
黄金比・白銀比で寸法と分割を計算 - 計算](https://web-toolbox.dev/tools/golden-ratio-calculator)
- [**ネストBorder-Radius最適化**
同心円に揃う内側の角丸を計算 - 計算](https://web-toolbox.dev/tools/nested-border-radius-calculator)
- [**パーセンテージ・PX計算**
親要素を基準にパーセンテージとPXを変換 - 変換](https://web-toolbox.dev/tools/percentage-px-calculator)
- [**PX・Rem計算**
pxとremを双方向に変換 - 変換](https://web-toolbox.dev/tools/px-rem-calculator)
### **ネットワーク**2
- [**IPアドレスチェッカー**
グローバルIPとネットワーク情報を確認 - チェック](https://web-toolbox.dev/tools/ip-address-checker)
- [**サブドメイン検索**
ドメインのサブドメインを一覧表示 - 分析](https://web-toolbox.dev/tools/subdomain-lookup)
## **よくある質問**
Web ToolBoxは誰でも無料で利用できるオンラインツールのコレクションです🧰 70以上のWeb開発ツールを提供しており、デザイナーや開発者が効率的に作業を行うのに役立ちます👌
はい、すべてのツールを無料でご利用いただけます。
テキスト処理、データ変換、コード、画像、カラーなど、さまざまなカテゴリのツールがあります。
いいえ、アカウント登録は不要です。ブラウザからすぐに使えます🚀
ほとんどのツールはブラウザ上で動作するので、データがサーバーに送られることはありません。サーバー処理が必要な場合も、暗号化された通信を使用し、サーバー側でデータを保存することもありません🔒
各ツールページのフィードバックフォームからご意見をお聞かせください。新しいツールのリクエストも大歓迎です！
最新のGoogle Chrome、Firefox、Microsoft Edge、Safariに対応しています。古いブラウザだと一部機能が使えないかもしれません。
はい、どんどん新しいツールを追加していきます。皆さんのフィードバックを参考に開発中です！
フィードバックフォームから報告してください。迅速に対応します！
## **掲載実績**
- [](https://findly.tools/web-toolbox)
- [](https://turbo0.com/item/web-toolbox)
- [](https://saastool.site/item/web-toolbox)
- [](https://www.saashub.com/web-toolbox?badge_variant=color&badge_kind=approved)
[**PicDiff** - 画像の違いを一瞬で 新登場の画像比較ツール。スライダーや分割表示、フェードに対応。AI生成画像をはじめ、あらゆる画像の差分をブラウザ上で直感的に比較できます。](https://picdiff.dev)
```json
{"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/#webpage","@type":"WebPage","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","name":"Web ToolBox","url":"https://web-toolbox.dev/","isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/"]}]}]}
```
## Sitemap
See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.