開発者のための無料オンラインツール集
登録不要・インストール不要。ブラウザだけですぐに使える便利ツールを揃えました。
JSON整形・検証
JSONデータの整形、圧縮、バリデーションをワンクリックで。
Base64 エンコード/デコード
テキストやファイルをBase64に変換・復元。
パスワード生成
安全なランダムパスワードを即座に生成。長さ・文字種をカスタマイズ。
QRコード生成
テキストやURLからQRコードを生成。ダウンロード可能。
ハッシュ生成
MD5, SHA-1, SHA-256, SHA-512ハッシュを生成。
カラーコード変換
HEX, RGB, HSLカラーコードを相互変換。プレビュー付き。
文字数カウント
文字数・単語数・行数をリアルタイムでカウント。
URLエンコード/デコード
URLの特殊文字をエンコード・デコード。
テキスト比較(Diff)
2つのテキストの差分を視覚的に表示。
Markdownプレビュー
Markdownをリアルタイムでプレビュー。
正規表現テスター
正規表現をリアルタイムでテスト。マッチ結果をハイライト表示。
Unixタイムスタンプ変換
Unix時間と日付を相互変換。現在時刻表示付き。
JWTデコーダー
JSON Web Tokenの中身をデコード。有効期限チェック付き。
UUID生成
UUID v4をワンクリックで生成。一括生成・ハイフン有無の切替にも対応。
ダミーテキスト生成
Lorem Ipsumのダミーテキストを段落・文・単語単位で生成。
Cron式パーサー
Cron式を入力すると次回実行時刻と日本語の説明を表示。プリセット付き。
CSSグラデーション生成
色・角度を調整してCSSグラデーションコードを生成。ライブプレビュー付き。
YAML⇔JSON変換
YAMLとJSONを双方向に変換。外部ライブラリ不要。
SQLフォーマッター
SQL文を読みやすく整形。キーワード大文字化・インデント自動調整。
画像Base64変換
画像をBase64文字列に変換、またはBase64から画像をプレビュー。
HTMLエンティティ変換
テキストをHTMLエンティティにエンコード・デコード。特殊文字を安全に表示。
CSSミニファイア
CSSを圧縮して不要な空白・コメントを削除。サイズ削減率も表示。
JavaScriptミニファイア
JavaScriptコードを圧縮。基本的な空白・コメント削除で軽量化。
Chmod計算機
Unix権限を視覚的に設定。数値表記とシンボル表記を表示。
進数変換ツール
10進数、2進数、8進数、16進数を相互変換。リアルタイム変換。
JSON to TypeScript型変換
JSONをTypeScriptのinterface/type定義に自動変換。ネスト対応。
絵文字ピッカー
カテゴリ別に分類された絵文字を検索・コピー。ワンクリックで使える。
Box Shadowジェネレーター
CSSのbox-shadowを視覚的に作成。複数シャドウ・プレビュー対応。
SVG to Data URI変換
SVGコードとData URIを相互変換。CSSに直接埋め込み可能。
メタタグジェネレーター
SEO・OGP用のメタタグを生成。Google/Twitter/Facebook対応。
IP情報表示
あなたのIPアドレス、User Agent、画面解像度などを表示。
アスペクト比計算機
幅と高さからアスペクト比を計算。プリセット・解像度変換対応。
JSON差分比較
2つのJSONを比較して差分を視覚的に表示。追加・削除・変更を検出。
ワードカウンター（拡張版）
文字数・単語数・読了時間・文字頻度を分析。日本語・英語対応。
htpasswd生成
Apache Basic認証用のhtpasswdエントリを生成。MD5/SHA1対応。
CSV to JSON 変換
CSVデータをJSON形式に変換。区切り文字カスタマイズ対応。
JSON to CSV 変換
JSON配列をCSV形式に変換。ダウンロード可能。
画像リサイズ
ブラウザ上で画像をリサイズ。アスペクト比維持対応。
Favicon生成
テキストや絵文字からFaviconを生成。複数サイズ対応。
HTTPステータスコード
HTTPステータスコードのリファレンス。検索機能付き。
Markdownテーブル生成
ビジュアルエディタでMarkdownテーブルを作成。行・列・配置を自由に設定。
カラーパレット生成
補色・類似色・三色配色など調和の取れた配色を自動生成。
テキストケース変換
camelCase、snake_case、PascalCase、kebab-caseなど様々な形式に変換。
Border Radiusジェネレーター
視覚的にborder-radiusを作成。CSS・Tailwindコード自動生成。
プレースホルダー画像生成
カスタムサイズ・色・テキストのプレースホルダー画像を生成。
CSS単位変換
px, rem, em, %, vw, vhの相互変換。ベースサイズ設定可能。
JSONPathテスター
JSONデータをJSONPath構文でクエリ・抽出。リアルタイムプレビュー。
カラーコントラストチェッカー
WCAG 2.0基準でコントラスト比を計算。AA/AAA適合判定。
OGPプレビュー
Open Graph / Twitter Card のシェアプレビューとメタタグ生成。
コード行数カウンター
コードの総行数・空行・コメント行・実コード行数を集計。
コードスニペット管理
よく使うコードを保存・管理。検索・コピー・削除機能付き。
JSON Schema生成
JSONデータからJSON Schemaを自動生成。型・プロパティ・required を推論。
差分チェッカー
2つのテキスト・HTML・コードの差分をハイライト表示。行番号付き。
文字コード変換
Unicodeコードポイント表示、URLエンコード、HTMLエンティティ変換など。
レスポンシブプレビュー
HTMLを入力して異なる画面サイズでプレビュー。モバイル・タブレット・デスクトップ対応。
ダミーデータ生成
テスト用のダミーデータをJSON/CSV形式で生成。名前・メール・住所などのフィールドを選択可能。
Flexboxプレイグラウンド
Flexboxの全プロパティをインタラクティブに操作。リアルタイムプレビュー + CSSコード出力。
CSS Gridジェネレーター
行数・列数を指定してCSS Gridを生成。リアルタイムプレビュー + CSSコード出力。
OGP画像生成
テキスト入力からシンプルなOGP画像(1200x630)をCanvas APIで生成。グラデーション対応。
APIテスター
REST APIをブラウザから直接テスト。GET/POST/PUT/DELETE/PATCHメソッド対応。
TOML⇔JSON変換
TOML形式とJSONを双方向に変換。設定ファイルのフォーマット変換に便利。
バイト数カウンター
テキストのバイト数をUTF-8/UTF-16/Shift_JISで表示。文字数・行数・単語数も同時にカウント。
Twitterカードプレビュー
Twitter（X）カードのプレビュー表示とHTMLメタタグ生成。Summary/Large Image対応。
JSONエスケープ
JSON文字列のエスケープ・アンエスケープ。特殊文字の変換に対応。
単位変換ツール
長さ・重さ・温度・データサイズの単位を相互変換。メートル法・ヤードポンド法対応。
IPサブネット計算機
IPアドレスとCIDRからサブネット情報を計算。ネットワークアドレス、ホスト範囲を表示。
CSSアニメーション生成
CSSアニメーションを視覚的に作成。プリセット（fadeIn, bounce等）対応。リアルタイムプレビュー付き。
HTMLプレビュー
HTML/CSS/JSをリアルタイムでプレビュー。コンソール出力表示。プリセットテンプレート付き。
タイムスタンプ差分計算
2つの日時の差分を年/月/日/時/分/秒で表示。Unixタイムスタンプ入力対応。
文字列ハッシュ比較
テキストから複数ハッシュを同時生成（MD5/SHA-1/SHA-256/SHA-512）。ハッシュ比較機能付き。
正規表現ジェネレーター
よく使う正規表現パターンの一覧から選択してカスタマイズ。テスト文字列でリアルタイムマッチ確認。
カラーブレンドツール
2つの色を選択してブレンド。中間色10段階のグラデーション表示。HEX/RGB/HSL出力。
JSON⇔YAML変換
JSONからYAML、YAMLからJSONへの双方向変換。インデント幅設定可能。
robots.txt生成
検索エンジンクローラーの動作を制御するrobots.txtファイルを生成。プリセット付き。
日本語ダミーテキスト生成
日本語のダミーテキスト生成。吾輩は猫である風、ひらがな、カタカナ、ビジネス、技術系の5種類。
テキスト3方向マージ
Base/Yours/Theirsの3つのテキストを比較し、簡易マージ結果を生成。
QRコード読み取り
QRコード画像をアップロードしてデコード。URLの場合はリンク表示。
.env生成
環境変数ファイル(.env)を視覚的に作成。.env.exampleも同時生成。
テーブル→Markdown変換
CSV/TSVテキストをMarkdownテーブル形式に変換。列のアライメント設定可能。
カラーネーム検索
CSS/HTMLカラーネーム140色を検索・表示。HEX/RGBもコピー可能。
JSON圧縮ツール
JSONデータから空白・改行を除去してミニファイ。サイズ削減率も表示。
スラッグ生成
テキストからURL用スラッグを生成。日本語→ローマ字変換対応。
.gitignore生成
言語/フレームワークを選択して.gitignoreを自動生成。
HEX変換ツール
テキスト↔16進数の変換。HEXダンプ表示にも対応。
数式計算機
四則演算・三角関数・べき乗に対応した安全な数式計算機。
XML整形ツール
XMLデータの整形・ミニファイ。インデント幅設定・構文チェック対応。
CSP生成ツール
Content-Security-Policyヘッダーをインタラクティブに生成。
JWT生成ツール
ペイロードからJWTトークンを生成。HS256対応。
アスキーアート変換
テキストを大きなアスキーアート文字に変換。
SQL→MongoDB変換
SQL SELECT文をMongoDBのfindクエリに変換。
Base64画像プレビュー
Base64文字列から画像をプレビュー表示。画像情報も表示。
URL解析ツール
URLをプロトコル、ホスト、パス、クエリパラメータ等に分解。
JSON→Go構造体変換
JSONからGo言語の構造体定義を自動生成。jsonタグ付与。
Chmod計算機（ビジュアル版）
チェックボックスでパーミッション設定。数値・シンボル表記を表示。
OpenAPI仕様ビューア
OpenAPI/Swagger仕様をエンドポイント一覧で見やすく表示。
CSS clip-pathジェネレーター
多角形、円、楕円などのCSS clip-pathをビジュアルに生成。プリセット対応。
複数色グラデーション生成
3色以上のリニア・ラジアルグラデーションCSS生成。カラーストップ調整対応。
テキスト⇔バイナリ変換
テキストとバイナリ（2進数）を相互変換。ASCII/UTF-8対応。
JSON⇔XML変換
JSONデータをXMLに、XMLをJSONに相互変換。データフォーマット変換ツール。
タイムゾーン変換
世界の主要タイムゾーン間で時刻を変換。JST/UTC/EST/PST/CET等対応。
SRI Hash生成
CDNリソースのSubresource Integrity (SRI) ハッシュを生成。
CSSテキストシャドウ生成
text-shadowプロパティをビジュアルに生成。リアルタイムプレビュー対応。
JSON to Python変換
JSONからPythonのdataclass/Pydanticモデル定義を生成。
Markdown to HTML変換
Markdownテキストを入力するとHTML出力を生成。コピー可能。
Crontab生成
ビジュアルUIでcrontab式を組み立て。プリセット対応。
HTML→JSX変換
HTMLコードをReact JSX形式に変換。class→className、style文字列→オブジェクト形式等。
CSSフィルター生成
CSS filterプロパティをスライダーで調整。blur、brightness、contrast等。リアルタイムプレビュー付き。
SVG最適化
SVGコードの不要な属性削除、空白除去、タグの最適化。圧縮率表示。
npmパッケージ比較
2つのpackage.json (dependencies) を入力すると差分を表示。追加・削除・バージョン変更を可視化。
正規表現チートシート
よく使う正規表現パターンの一覧。メール、電話番号、URL、日付等のパターンをコピー可能。
CSSボックスモデルビジュアライザー
margin、border、padding、contentをビジュアルに表示・編集できるツール。
JWTデバッガー
JWTトークンのデコード。ヘッダー/ペイロード/署名を詳細表示。
HTMLテーブルジェネレーター
行列数を指定してGUIでHTMLテーブルを作成。コード自動生成。
CSSグラデーションCSS生成
角度、色数、方向を詳細設定してCSSグラデーションコードを生成。
多進数変換ツール
2/8/10/16進数+任意進数の相互変換。リアルタイム変換対応。
パスワード強度チェッカー
パスワードの強度をチェック。エントロピー計算、クラック推定時間、改善提案を表示。
CSS変数ジェネレーター
デザインシステム向けのCSS変数セットを生成。カラー、スペーシング、タイポグラフィを設定。
JSON to Dart変換
JSONからFlutter用のDartクラスを自動生成。fromJson/toJsonメソッド付き。
シンプルSVGエディター
基本図形を描画してSVGコードを生成。リアルタイムプレビュー対応。
APIモック生成
エンドポイント定義からモックレスポンスJSONを生成。REST API開発用。
CSS Transitionジェネレーター
CSSトランジションを視覚的に設定。プロパティ・時間・イージングをプレビュー付きで生成。
JSON→Kotlin変換
JSONからKotlinのdata classを自動生成。ネスト対応・null許容対応。
絵文字⇔Unicode変換
絵文字とUnicodeコードポイントの双方向変換ツール。
バーコードジェネレーター
テキストからバーコード画像を生成。Code128, EAN-13, Code39対応。
CSSスクロールスナップ生成
scroll-snap-type/alignをビジュアルに設定。プレビュー付きCSS生成。
HTMLメール生成
HTMLメールテンプレートを視覚的に作成。テーブルレイアウトベースでメール互換性抜群。
JSON→Swift変換
JSONからSwiftのstruct/Codableを生成。ネスト対応、Optional対応。
CSSフレックスボックスチートシート
Flexboxプロパティの視覚的リファレンス。各プロパティをクリックでプレビュー変更。
パーセント計算機
AのB%は？ / AはBの何%？ / A→Bの変化率 - 複数の計算モードに対応。
文字列エスケープ
HTML/JavaScript/URL/JSONエスケープ/アンエスケープ。複数形式の一括変換。
JSON/YAML/TOML変換
JSON、YAML、TOMLの3形式を相互変換。入力形式自動検出。
CSS Transform生成
rotate、scale、translate、skewをスライダーで設定。リアルタイムプレビュー。
テキスト暗号化/復号
AES暗号化でテキストを安全に暗号化・復号。パスワードベース暗号化。
HTML圧縮
HTMLの空白・コメント・改行を削除。圧縮率表示。
IPアドレス変換
IPv4 ⇔ 10進数 ⇔ 16進数 ⇔ 2進数の相互変換。IPv4バリデーション対応。
Markdownバッジ生成
shields.ioスタイルのバッジMarkdown/HTMLを生成。カラー、ラベル、メッセージ、スタイル設定可能。
JSON→TypeScript Zod Schema
JSONからZodバリデーションスキーマを自動生成。ネスト対応、配列対応。
フォントプレビュー
Google Fontsの人気フォントを任意テキストでプレビュー。CSS @importコード生成。
正規表現テストケース生成
正規表現パターンからテストケース文字列を提案。JavaScript/Python/Go用テストコード出力。
JSON→GraphQL Schema
JSONからGraphQLのtypeスキーマを自動生成。ネスト対応、Query type生成。
日時フォーマッター
日付/時刻をISO 8601、RFC 2822、Unix、日本語形式など様々なフォーマットで表示。
CSS Outline生成
outline-width、style、color、offsetをスライダーで設定。リアルタイムプレビュー付き。
テキスト行ソート
テキストの各行をソート（昇順/降順/逆順/ランダム/重複削除）。数値ソート対応。
JSON→Rust構造体変換
JSONからRustのstruct + serde属性を生成。ネスト対応、Option型対応。
文字種判定ツール
文字のUnicode情報、コードポイント、文字種、UTF-8バイト列を表示。
JSON→PHP変換
JSONデータからPHPの配列やクラス定義コードを自動生成。
カラーホイールピッカー
HSLベースのインタラクティブなカラーホイールで直感的に色を選択。
CSSアスペクト比ジェネレーター
aspect-ratioプロパティのビジュアルプレビュー付きCSS生成。
Base32エンコード/デコード
RFC 4648準拠のBase32エンコード・デコード変換ツール。
YAMLバリデーター
YAML構文チェック、エラー行表示、整形出力。
JSON→C#クラス変換
JSONデータからC#のクラス定義を自動生成。PascalCase変換対応。
CSSレタースペーシング
letter-spacing/word-spacingのビジュアルプレビュー付きCSS生成。
画像→ASCIIアート変換
画像をアップロードしてASCIIアートに変換。幅調整可能。
JSON/YAML一括変換
複数のJSON/YAMLファイルを一括で相互変換。
CSSカーソルジェネレーター
全カーソルタイプをプレビュー・CSS生成。35種類対応。
テキスト読み上げ
Web Speech APIを使ったテキスト音声合成。速度・ピッチ・音声選択対応。
JSON→Javaクラス変換
JSONからJavaのPOJOクラスを自動生成。getter/setter付き。
CSS backdrop-filter
blur, brightness等のbackdrop-filterをプレビュー付きで生成。
QRコード一括生成
複数のURL/テキストから一括でQRコードを生成。
HTML→Markdown変換
HTMLコードをMarkdown形式に変換。テーブル・リスト対応。
JSON→SQL INSERT変換
JSONデータからSQL INSERT文を自動生成。テーブル名指定可能。
カラーアクセシビリティ
WCAG 2.1 AA/AAA基準でテキスト色と背景色のコントラスト比を判定。
CSSテキストグラデーション
テキストにグラデーションを適用するCSS生成。プレビュー付き。
多進数計算機
2進・8進・16進で算術演算・ビット演算。全進数同時表示。
CSVエディター
CSVをテーブル形式で編集。行/列の追加・削除・ソート対応。
ポモドーロタイマー
25分/5分サイクルタイマー。カスタム時間設定・音声通知対応。
JSON→Protobuf変換
JSONからProtocol Buffersの.proto定義を自動生成。
CSSグラスモーフィズム
glassmorphismスタイルのCSS生成。透明度・ぼかし調整。
Markdownライブエディター
左にMarkdown入力、右にリアルタイムHTMLプレビュー。
Crontab可視化
cron式から次の実行予定日時を10件表示。プリセット付き。
ストップウォッチ
ラップタイム記録・ミリ秒表示・CSV出力対応の高精度ストップウォッチ。
JSON→XML Schema変換
JSONからXSD(XML Schema Definition)を自動生成。
CSS border-image
グラデーションボーダーのCSS生成。プレビュー付き。
テキスト統計Pro
文字数・読了時間・文字頻度分析・漢字率表示。
HTTPヘッダー解析
HTTPリクエスト/レスポンスヘッダーをパースして見やすく表示。
世界時計
複数タイムゾーンの現在時刻を同時表示。追加/削除可能。
高機能JSON→CSV変換
ネストJSONのフラット化、カスタム区切り文字、ヘッダー設定。
CSSスクロールバー
スクロールバーのスタイルCSS生成。色・幅・角丸設定。
画像差分比較
2枚の画像をピクセル単位で差分表示・オーバーレイ比較。
正規表現一括置換
テキスト内の正規表現マッチを一括置換。プレビュー付き。
タイピング速度測定
日本語/英語テキストでWPM・正確率を測定。リアルタイムフィードバック。
JSONツリービューア
JSONをインタラクティブなツリー表示。展開/折りたたみ・検索機能。
CSSネオンテキスト
テキストにネオン光彩効果のCSS生成。色・ぼかし・アニメーション設定。
IPジオロケーション
IPアドレスの地理的情報を表示。自分のIP確認にも対応。
ファイルハッシュ計算
ファイルのMD5/SHA-1/SHA-256ハッシュをブラウザで計算。
関数電卓
四則演算・三角関数・対数・平方根。メモリー・履歴機能付き。
JSON→TS Interface変換
JSONからTypeScript interface定義を自動生成。オプショナル推定対応。
CSS印刷スタイル
@media print用のCSS生成。改ページ・非表示要素設定。
シンプルメモ帳
LocalStorage自動保存。複数メモ管理・マークダウン対応。
画像カラーピッカー
画像をアップロードしてクリック位置の色をHEX/RGB/HSLで取得。
TODOリスト
LocalStorage保存。優先度・期限設定・フィルター対応。
JSON整形/圧縮切替
整形⇔圧縮をワンクリック切替。インデント・バイト数表示。
CSSテキストストローク
-webkit-text-strokeのCSS生成。色・幅設定・プレビュー。
モールス信号変換
テキスト⇔モールス信号変換。音声再生対応。
スクリーン定規
ピクセル単位のオンスクリーン定規。水平/垂直・リサイズ対応。
テキスト反転
文字列・単語・行の反転ツール。リアルタイム変換対応。
JSON→Rubyハッシュ変換
JSONをRubyハッシュリテラル（シンボルキー）に変換。
CSS Columnsジェネレーター
マルチカラムレイアウトのCSS生成。プレビュー付き。
バイナリ電卓
2進数のAND/OR/XOR/NOT/シフト演算。10進・16進同時表示。
カラーシェード生成
ベースカラーから明暗バリエーションを自動生成。HEX/RGB出力。
画像トリミング
Canvas APIで画像をドラッグ選択してトリミング。アスペクト比固定対応。
JSON→Scalaケースクラス変換
JSONからScala case classを生成。ネスト・Option型対応。
CSS Writing Modeジェネレーター
縦書き/横書きのCSS生成。text-orientation・direction設定。
テキスト→多進数変換
テキストを2/8/10/16進数に変換＋逆変換。区切り文字選択対応。
グラデーションパレット生成
2色間のグラデーションを段階分割し中間色パレットを生成。
拡張アスペクト比計算機
幅・高さからアスペクト比を計算。リサイズ計算・比率一覧付き。
JSON→Elixirマップ変換
JSONをElixirのマップリテラル（%{key: value}）に変換。
CSS Gapジェネレーター
row-gap/column-gapをスライダーで設定。Flexbox/Grid切替対応。
画像回転ツール
Canvas APIで画像を任意角度で回転。水平/垂直反転・ダウンロード対応。
英語ダミーテキスト生成
Lorem Ipsum英語テキスト生成。段落・文・単語数選択対応。
画像グレースケール変換
画像をグレースケール、セピア、反転に変換。強度調整可能。
JSON→Haskell変換
JSONからHaskellデータ型定義を生成。Maybe型・deriving対応。
CSS Object-fitジェネレーター
object-fit/object-positionのCSS生成。ライブプレビュー付き。
カウントダウンタイマー
目標日時までの残り時間を表示。日・時・分・秒でカウント。
文字列差分ハイライト
2つのテキストの文字レベル差分を色分け表示。統計付き。
画像ウォーターマーク
画像にテキストウォーターマークを追加。位置・透明度・サイズ設定。
JSON→YAMLスキーマ検証
JSONスキーマでYAMLデータをバリデーション。エラー詳細表示。
CSS mask-imageジェネレーター
マスク画像のCSS生成。linear/radial gradient対応。プレビュー付き。
テキスト文字頻度分析
テキスト内の文字・単語の出現頻度をランキング表示。CSV出力。
ピクセルアートエディター
ブラウザでピクセルアート作成。グリッド選択・パレット・PNG保存。
カラーハーモニー生成
補色・トライアド・テトラード等のカラースキームを自動生成。
JSON→Luaテーブル変換
JSONをLuaテーブルリテラルに変換。ネスト対応。
CSS Containmentジェネレーター
containプロパティのCSS生成。パフォーマンス最適化の説明付き。
SVG→PNG変換
SVGをCanvas経由でPNGに変換。解像度・背景色設定。
テキストテンプレートエンジン
{{変数}}形式のテンプレートに値を流し込み。変数自動検出。
画像比較スライダー
2枚の画像をスライダーで比較。before/after比較に最適。
JSON→R言語変換
JSONをR言語のdata.frame/list形式に変換。tibble対応。
CSS place-itemsジェネレーター
place-items/place-content/place-selfのCSS生成。Grid/Flexbox対応。
開発者向け単位変換
px/rem/em/vw/vh/pt/cm/mm/in 相互変換。ベースフォントサイズ設定。
絵文字キッチン
2つの絵文字を選択して組み合わせ表示。Unicodeコード表示。
画像ぼかしツール
Canvas APIでガウシアンブラー適用。部分ぼかし・強度調整対応。
JSON→TOML変換（高機能版）
JSONをTOML形式に変換。テーブル配列対応・コメント挿入。
CSS accent-colorジェネレーター
フォーム要素のaccent-colorを設定。チェックボックス等プレビュー。
Markdown印刷プレビュー
Markdownを印刷用CSSでプレビュー。PDF出力対応。
ランダムデータ生成
名前・メール・電話・住所・UUID等のランダムデータ生成。JSON/CSV出力。
画像ピクセル化（モザイク）
画像をピクセル化。ブロックサイズ調整・部分モザイク対応。
JSON→XML変換（高機能版）
JSONをXMLに変換。ルート要素名・インデント・XML宣言設定。
CSS overscroll-behaviorジェネレーター
overscroll-behaviorのx/y個別設定。スクロールデモ付き。
ASCIIテーブル生成
行列数指定でASCIIテーブル生成。複数スタイル対応。
HTMLエンティティ検索
HTMLエンティティをキーワード検索。カテゴリ分け。クリックでコピー。
部分モザイクツール
画像の特定領域を選択してモザイク処理。矩形選択・ブロックサイズ調整。
JSON→GraphQLスキーマ変換
JSONオブジェクトからGraphQLスキーマ定義を自動生成。type/input/Query対応。
CSS scroll-timelineジェネレーター
scroll-timelineのCSS生成。スクロール進捗バーデモ付き。
テキスト統計分析
文字数・単語数・文数・段落数・読了時間・語彙多様性・頻出語を分析。
画像カラーパレット抽出
画像から主要カラーを抽出。5-10色パレット生成、HEX/RGB/HSLコピー。
画像メタデータビューア
画像ファイルのサイズ、形式、カラー情報等のメタデータを表示。
JSON→YAML高機能変換
JSONをYAMLに変換。インデントサイズ・フロースタイル切替対応。
CSS Container Queryジェネレーター
container-type/name設定と@containerルール生成。プレビュー付き。
テキスト読みやすさ分析
漢字率・ひらがな率・文の長さなど日本語の読みやすさを分析。
SVGパターン生成
ドット・ストライプ・チェック等のSVGパターン生成。CSS出力対応。
画像ノイズ生成
ガウシアン・パーリン等のノイズを画像に適用。強度・種類調整。
JSON→Prismaスキーマ変換
JSONオブジェクトからPrismaスキーマ定義を自動生成。リレーション推論。
CSS View Transitionジェネレーター
View Transitions APIのCSS生成。アニメーション設定・プレビュー付き。
Markdownスライド
Markdownからプレゼンスライドを生成。---区切りでスライド分割。
カラーグラデーションメッシュ
メッシュグラデーション生成。複数ポイントカラー設定。CSS出力。
画像セピア変換
Canvas APIで画像をセピアトーンに変換。強度調整・ダウンロード対応。
JSON→Drizzleスキーマ変換
JSONからDrizzle ORMスキーマ自動生成。PostgreSQL/MySQL/SQLite対応。
CSS color-mix()ジェネレーター
color-mix()関数のCSS生成。2色混合比率・色空間選択対応。
Markdown→JSON変換
MarkdownをJSON AST(抽象構文木)に変換。構造化データ出力。
SVGウェーブ生成
SVG波形パターン生成。波の数・高さ・色・レイヤー調整。CSS出力。
画像明るさ・コントラスト調整
Canvas APIで画像の明るさ・コントラストを調整。スライダー操作・ダウンロード対応。
JSON→Mongooseスキーマ変換
JSONからMongooseスキーマ定義を自動生成。型推論・required設定。
CSS論理プロパティジェネレーター
margin/padding/borderの論理プロパティCSS生成。block/inline対応。
テキスト→モールス信号(拡張版)
テキストをモールス信号に変換。日本語対応・音声再生・速度調整。
色覚シミュレーター
入力した色がProtanopia等の色覚でどう見えるか表示。アクセシビリティスコア付き。
画像ポスタリゼーション
画像の色数を減らしてポスター風に変換。レベル数(2-16)調整。
JSON→Sequelizeモデル変換
JSONからSequelize ORMモデル定義を自動生成。型推論・設定対応。
CSS Subgridジェネレーター
CSS Grid + Subgridレイアウト生成。親子グリッド設定・プレビュー。
テキスト読み上げ(高機能版)
多言語テキスト読み上げ。速度・ピッチ・音量・音声選択・ハイライト。
色温度変換
ケルビン値(1000K-12000K)からRGB色を計算。プリセット・HEX/RGB出力。
画像チャンネル分離
画像のR/G/Bチャンネルを個別表示・ヒストグラム・ダウンロード。
JSON→TypeORMエンティティ変換
JSONからTypeORMのEntity定義を自動生成。デコレータ・リレーション推論。
CSSネスティングジェネレーター
ネイティブCSSネスティング(&)のCSS生成。SASS→ネイティブ変換。
JSONPathエバリュエーター
JSONPathクエリでJSONデータを検索・抽出。プリセットクエリ付き。
グラデーションテキスト生成
テキストにグラデーション適用CSS生成。複数色・角度設定・プレビュー。
画像反転（ネガポジ）
画像の色を反転（ネガポジ変換）。Canvas APIで処理・ダウンロード対応。
JSON→AJVバリデーション変換
JSONからAJV用JSONスキーマを自動生成。型推論・バリデーション付き。
CSS @layerジェネレーター
CSS Cascade Layers(@layer)の定義・順序設定・プレビュー。
テキスト単語差分比較
2つのテキストを単語レベルで比較。追加・削除・変更をハイライト。
SVGアイコンジェネレーター
基本図形を組み合わせてSVGアイコンを作成。カラー・サイズ・ダウンロード。
画像エンボス加工
Canvas APIで画像にエンボス（浮き彫り）効果を適用。強度調整・ダウンロード対応。
JSON→io-ts型変換
JSONオブジェクトからio-tsのランタイム型定義を自動生成。t.type/string/number対応。
CSS color-schemeジェネレーター
color-schemeプロパティのCSS生成。light/dark/normal設定・プレビュー付き。
テキスト文字レベル差分比較
2つのテキストを1文字ずつ比較。追加・削除・変更を色分けハイライト。
SVGスプライトシート生成
複数SVGを1つのスプライトシートにまとめ。symbol要素・use参照のHTML出力。
画像シャープネス調整
Canvas APIで画像にシャープネス（鮮鋭化）フィルタを適用。強度調整・ダウンロード対応。
JSON→Superstruct変換
JSONからSuperstructバリデーションスキーマを自動生成。object/string/number対応。
CSS initial-letterジェネレーター
initial-letterプロパティのCSS生成。ドロップキャップサイズ・行数設定。
シーザー暗号ツール
テキストをシーザー暗号で暗号化/復号。シフト数設定・全パターン表示。
カラーコントラストチェッカー（WCAG拡張）
前景色・背景色のコントラスト比計算。WCAG 2.1 AA/AAA判定・プレビュー。
JSON→ArkType変換
JSONからArkTypeバリデーション定義を自動生成。type/string/number/array対応。
CSS scroll-snapジェネレーター
scroll-snap-type/align設定。方向・strictness選択＋ライブプレビュー。
ROT13/ROT5/ROT47変換
テキストをROT13/ROT5/ROT47暗号で変換。リアルタイム暗号化・復号。
画像ディザリング
Floyd-Steinbergディザリングで画像を変換。カラー数(2/4/8/16)選択・ダウンロード。
JSON→Effect Schema変換
JSONからEffect/Schemaの型定義を自動生成。S.Struct/S.String等対応。
CSS color-contrast()ジェネレーター
背景色に対する最適テキスト色をcolor-contrast()で自動選択。プレビュー付き。
テキスト進数変換
テキストを2/8/10/16進数で表現。Unicode対応・リアルタイム変換。
SVG Blobジェネレーター
ランダムなblob形状のSVGを生成。複雑度・色・サイズ調整。
画像色相回転
Canvas APIで画像の色相を回転(0-360度)。スライダーで調整・ダウンロード。
JSON→Valibot変換
JSONからValibotバリデーションスキーマを自動生成。v.object/v.string等対応。
CSS text-wrapジェネレーター
text-wrap: balance/pretty/stable等の設定。ライブプレビュー付き。
文字出現頻度カウンター
テキスト内の各文字の出現頻度を集計。ソート可能・グラフ表示。
SVGラインアートジェネレーター
幾何学的なライン模様のSVG生成。パターン種類・線数・色を調整。
画像ビネットエフェクト
Canvas APIで画像にビネット効果（周辺減光）を追加。強度・範囲調整可。
JSON→runtypes変換
JSONからruntypesバリデーションスキーマを自動生成。Record/String等対応。
CSS overflowジェネレーター
overflow-x/y、overflow-clip-margin、text-overflow等の設定。プレビュー付き。
回文チェッカー
テキストが回文かどうか判定。大文字小文字・スペース・記号無視オプション付き。
SVGスピログラフジェネレーター
数学的なスピログラフパターンのSVG生成。外円/内円半径・ペン位置を調整。
画像ティルトシフト
Canvas APIで画像にミニチュア風ティルトシフト効果。焦点位置・ぼかし強度調整。
JSON→TypeBox変換
JSONからTypeBoxスキーマ定義を自動生成。Type.Object/String/Number等対応。
CSS hanging-punctuationジェネレーター
hanging-punctuationプロパティの設定。first/last/force-end等。プレビュー付き。
単語出現頻度カウンター
テキスト内の各単語の出現頻度を集計。ソート可能・上位N件表示。
SVG迷路ジェネレーター
ランダムな迷路のSVG生成。サイズ・壁の太さ・色を調整。ダウンロード可。
画像ソラリゼーション
Canvas APIで画像にソラリゼーション効果。閾値以上のピクセルを反転。
JSON→Joi変換
JSONからJoiバリデーションスキーマを自動生成。object/string/number等対応。
CSS font-paletteジェネレーター
font-paletteとoverride-colorsの設定。カラーパレット選択・プレビュー付き。
アナグラムチェッカー
2つのテキストがアナグラムか判定。文字分布表示・大文字小文字無視対応。
SVGノイズジェネレーター
feTurbulenceを使ったSVGノイズパターン生成。周波数・オクターブ・色を調整。
画像ポスタリゼーション（高度版）
Canvas APIで画像のポスタリゼーション。レベル数(2-32)・チャンネル別制御。
JSON→Yup変換
JSONからYupバリデーションスキーマを自動生成。object/string/number等対応。
CSS color()関数ジェネレーター
color()関数でsRGB/display-p3/rec2020等の色空間指定。プレビュー付き。
N-gram分析ツール
テキストのN-gram(1-5)を生成・頻度分析。上位N件表示・ソート可能。
SVGフラクタルジェネレーター
シェルピンスキーの三角形やコッホ曲線等のフラクタル図形SVG生成。
画像二値化ツール
Canvas APIで画像を白黒二値化。閾値調整・大津の二値化(自動)対応。
JSON→class-validator変換
JSONからclass-validatorデコレータ付きTypeScriptクラスを自動生成。
CSS content-visibilityジェネレーター
content-visibility(visible/hidden/auto)とcontain-intrinsic-size設定。
マルコフ連鎖テキスト生成
入力テキストからマルコフ連鎖でランダムテキスト生成。N-gram次数調整可。
SVGテセレーションジェネレーター
幾何学的タイル張りパターンのSVG生成。三角形/四角形/六角形対応。
画像エッジ検出
Canvas APIでSobelフィルタによるエッジ検出。感度調整・カラー/グレー切替。
JSON→Mongoose+TS変換
JSONからMongoose SchemaとTypeScriptインターフェースを同時生成。
CSS hyphensジェネレーター
hyphens(none/manual/auto)・overflow-wrap・word-break設定。プレビュー付き。
リポグラムチェッカー
指定文字がテキストに含まれていないか検証。違反箇所ハイライト表示。
SVGケルト模様ジェネレーター
ケルティックノット風の編み込み模様SVG生成。パターン種類・色を調整。
画像チャンネルミキサー
Canvas APIでRGBチャンネルの入れ替え・ミキシング。強度調整可能。
JSON→OpenAPIスキーマ変換
JSONサンプルからOpenAPI 3.0スキーマ定義を自動生成。
CSS text-decorationジェネレーター
text-decoration-line/style/color/thickness設定。プレビュー付き。
ヴィジュネル暗号ツール
ヴィジュネル暗号による暗号化・復号。暗号テーブル表示機能付き。
SVGアイソメトリックジェネレーター
アイソメトリック（等角投影）のグリッド・ボックスSVG生成。
画像色置換ツール
Canvas APIで指定色を別の色に置換。許容範囲調整・ダウンロード対応。
JSON→Faker.js変換
JSONサンプルからFaker.jsテストデータ生成コードを自動生成。
CSS field-sizingジェネレーター
field-sizing(fixed/content)の設定。textarea/inputの自動サイズ調整。
Leet Speak変換
テキストをLeet Speak(1337)に変換/復元。Basic/Intermediate/Advanced。
SVG錯視ジェネレーター
有名な錯視パターンのSVG生成。ミュラー・リヤー、ポンゾ、エビングハウス等。
画像グラデーションマップ
Canvas APIで画像の明度に応じてグラデーションカラーをマッピング。
JSON→SQL INSERT文変換
JSONデータからSQL INSERT文を自動生成。テーブル名指定・バッチ対応。
CSS数学関数ジェネレーター
clamp()/min()/max()/calc()の組み合わせコード生成。レスポンシブ値設定。
Unicodeアート変換
テキストを大きなUnicodeブロック文字アートに変換。複数スタイル対応。
SVGゲージジェネレーター
円形ゲージ/メーターのSVG生成。値・最大値・色・ラベル設定。
画像ハーフトーン変換
Canvas APIで画像をハーフトーン(網点)パターンに変換。ドットサイズ・形状調整。
JSON→GraphQL Input型変換
JSONサンプルからGraphQL Input型定義を自動生成。ネスト対応。
CSS text-emphasisジェネレーター
text-emphasis-style/color/position設定。圏点スタイル選択・プレビュー付き。
点字変換ツール
テキスト(英数字)を点字Unicodeに変換/復元。変換テーブル表示。
SVGプログレスバージェネレーター
線形/円形プログレスバーのSVG生成。値・色・アニメーション設定。
画像油絵風フィルター
Canvas APIで画像に油絵風効果を適用。ブラシサイズ・強度調整可能。
JSON→.env変換
JSONオブジェクトから.envファイル形式に変換。ネスト対応・プレフィックス設定。
CSS position:stickyジェネレーター
position:stickyの設定(top/bottom offset)。scroll-margin対応・プレビュー付き。
モールス信号デコーダー（高度版）
モールス信号の音声再生(Web Audio API)。速度・周波数調整。
SVG QRアートジェネレーター
QRコード風のSVGアート生成。パターン・色・サイズ調整。
画像鉛筆スケッチ変換
Canvas APIで画像を鉛筆画風に変換。線の太さ・コントラスト調整可能。
JSON→Markdownテーブル変換
JSON配列からMarkdownテーブル形式に変換。カラム順序・アライメント設定。
CSS list-styleジェネレーター
list-style-type/position設定。カスタムマーカー(::marker)対応・プレビュー付き。
テキストステガノグラフィ
ゼロ幅文字でテキストに隠しメッセージを埋め込む/抽出。Unicode対応。
SVG円グラフジェネレーター
データ入力から円グラフSVGを生成。ラベル・色・凡例設定。
SVGバーコードジェネレーター
Code128形式のバーコードをSVG生成。テキスト入力からバーコード画像、サイズ・色設定。
CSS opacity/透明度エディタ
opacity値/rgba透明度をリアルタイム調整。複数レイヤー重ね合わせプレビュー。
テキスト暗号化ツール
シーザー暗号・ROT13・ヴィジュネル暗号・Atbash暗号。エンコード/デコード切り替え。
SVG波形ジェネレーター
sin/cos波形をSVG生成。振幅・周波数・位相調整、複数波形の重ね合わせ。
HTMLメタタグプレビューア
OGP/Twitterカード/faviconなどメタタグ入力。Google検索・SNSカードプレビュー。
CSS Flexboxプレイグラウンド
flex container/itemのプロパティをGUIで設定。リアルタイムプレビュー+CSS生成。
テキスト行番号付加
テキストの各行に行番号を付加。開始番号・区切り文字・ゼロパディング設定。
SVGローディングアニメ生成
スピナー/ドット/バー等のSVGローディングアニメーション生成。サイズ・色・速度調整。
CSS text-shadowジェネレーター
text-shadowのオフセット・ぼかし・色を調整。ネオン/エンボス等プリセット付き。
テキスト差分表示ツール
2つのテキストを比較して差分をハイライト表示。行単位/文字単位の比較。
HTMLエンティティエンコーダー
HTML特殊文字のエンコード/デコード。名前付き/数値参照切り替え対応。
CSS columnレイアウト生成
CSS multi-column layout設定。column-count/width/gap/rule。プレビュー+CSS生成。
テキストソートツール
テキスト行のソート。昇順/降順、大小区別、数値ソート、重複削除。
SVGアイコンエディタ
SVGパスを入力/編集しプレビュー。サイズ・色・ストローク設定、ダウンロード機能。
CSS clip-pathジェネレーター
polygon/circle/ellipse/insetのclip-path値をGUI生成。プリセット＋カスタム編集。
テキスト列抽出ツール
タブ/CSV/スペース区切りテキストから特定列を抽出。区切り文字自動検出対応。
SVG矢印ジェネレーター
直線・曲線・両端・ブロック矢印SVG生成。色・太さ・サイズ・方向をカスタマイズ。
CSS word-spacing調整ツール
word-spacingとletter-spacingをスライダーで調整。ライブプレビュー+CSS生成。
HTML details/summary生成
HTML details/summaryでアコーディオン生成。複数項目・開閉状態設定・プレビュー。
テキスト折り返しツール
指定カラム幅でテキスト折り返し。単語/文字境界切替、インデント保持、統計表示。
CSS resizeジェネレーター
CSS resizeプロパティ設定。none/both/horizontal/vertical。min/maxサイズ制御。
パリンドローム生成ツール
テキストから回文（パリンドローム）を生成。回文判定、大文字小文字・空白・句読点無視オプション。
SVG棒グラフジェネレーター
データ入力からSVG棒グラフ生成。色・幅・間隔・軸ラベルカスタマイズ。ダウンロード対応。
CSS caret-colorジェネレーター
入力カーソル(caret)の色をCSS設定。input/textareaプレビュー、カラーピッカー。
バイグラム/トライグラム分析
テキストの2文字/3文字連続出現頻度分析。大小区別・スペース含・最小頻度フィルタ。CSV出力。
CSS user-selectジェネレーター
CSS user-selectプロパティ設定。none/text/all/auto/contain。テキスト選択制御。
スラッグバリデーター
URLスラッグの検証。有効文字・長さ・形式チェック。自動修正提案、一括検証対応。
SVGドーナツチャート生成
データからSVGドーナツ/リングチャート生成。内径・色・ラベル・凡例カスタマイズ。
CSS touch-actionジェネレーター
タッチデバイスのジェスチャー制御CSS生成。pan-x/pan-y/manipulation等。
JSONパス抽出ツール
JSONデータから全パスを抽出表示。フィルタ・クリックコピー・ツリービュー対応。
CSS will-changeジェネレーター
CSS will-changeプロパティ生成。transform/opacity/scroll-position等のヒント指定。パフォーマンス最適化。
SVGプログレスリング生成
円形プログレスバーSVG生成。パーセント・色・太さ・アニメーションカスタマイズ対応。
CSS pointer-eventsジェネレーター
CSS pointer-eventsプロパティ設定。none/auto/visiblePainted等。クリック透過制御。
CSVカラム抽出ツール
CSVデータから特定列を抽出。区切り文字自動検出、フィルタリング、ダウンロード対応。
CSS isolationジェネレーター
CSS isolationプロパティ設定。isolate/autoでスタッキングコンテキスト制御。
日本語ダミーテキスト生成Pro
高機能日本語Lorem Ipsum。段落数・文字数指定。ビジネス・技術・カジュアルモード。
SVGスパークライン生成
小型インラインSVGチャート生成。折れ線・面・棒グラフ。データ入力でリアルタイム描画。
CSS overscroll-behaviorジェネレーター
スクロール連鎖制御CSS生成。auto/contain/none。X/Y軸個別設定対応。
インデント変換ツール
タブ↔スペース相互変換。インデント幅2-8カスタマイズ。統計表示付き。
CSS mix-blend-modeジェネレーター
CSS mix-blend-mode設定。multiply/screen/overlay等16モード。画像・テキストブレンドプレビュー。
SVG正多角形ジェネレーター
3-12角の正多角形SVG生成。サイズ・色・回転・ストロークカスタマイズ。ダウンロード対応。
空白文字可視化ツール
スペース・タブ・改行・全角スペースを視覚的に表示。不可視文字の検出・正規化。
CSS backdrop-blurジェネレーター
背景ぼかし効果CSS生成。blur量・brightness・saturateカスタマイズ。ベンダープレフィックス付き。
Unicode文字検索ツール
Unicode文字の詳細情報表示。コードポイント・文字名・カテゴリ検索。文字解析。
SVGタイムライン生成
横型・縦型SVGタイムライン生成。イベント追加・色・日付カスタマイズ。ダウンロード対応。
CSS place-contentジェネレーター
CSS place-content一括指定。align-content + justify-content。グリッド配置制御。
テキストDiff/Patch生成
2つのテキストからUnified Diff生成。パッチ適用機能付き。差分管理ツール。
Base16（Hex）変換ツール
テキスト↔16進数変換。区切り文字・大文字小文字カスタマイズ。リアルタイム変換。
SVGグラデーション定義生成
linearGradient/radialGradient SVG定義生成。ストップ色・位置カスタマイズ。プレビュー付き。
CSS font-feature-settingsジェネレーター
OpenType機能設定CSS生成。liga/kern/smcp等16機能。フォントプレビュー付き。
NATO音声アルファベット変換
テキスト→NATO/ICAO音声アルファベット変換。参照テーブル付き。区切り文字カスタマイズ。
CSS shape-outsideジェネレーター
テキスト回り込みシェイプ制御。circle/ellipse/polygon/inset。ライブプレビュー付き。
文字マップツール
特殊文字・記号・絵文字を一覧表示。カテゴリフィルター・Unicode検索・クリックコピー。
SVGパスエディター
SVGパスコマンドをGUIで編集。ポイントドラッグ・追加削除。リアルタイムプレビュー。
CSS hyphensジェネレーター
CSS hyphensプロパティ設定。auto/manual/none。言語別ハイフネーション制御。
JSON→テーブル変換ツール
JSONデータをHTML/Markdownテーブルに変換。ソート・フィルター対応。プレビュー付き。
CSS scroll-paddingジェネレーター
スクロールスナップのパディング設定CSS生成。top/right/bottom/left個別指定。単位選択対応。
テキスト↔バイナリ変換
ASCII/UTF-8テキストと2進数の相互変換。8bit/16bit。区切り文字カスタマイズ。
Markdown目次(TOC)生成
Markdownから目次を自動生成。見出しレベルフィルター。リンク付き・番号付きリスト対応。
CSS image-renderingジェネレーター
画像レンダリング品質制御CSS生成。auto/crisp-edges/pixelated。ピクセルアート向け。
ROT47変換ツール
ROT47暗号化/復号化。ASCII印刷可能文字全対応。自己逆変換。
CSSルビ注釈ジェネレーター
ruby-position/ruby-align設定CSS生成。日本語フリガナ表示制御。HTML+CSSコピー。
正規表現一括置換ツール
テキスト内の正規表現マッチを一括置換。キャプチャグループ($1,$2)対応。リアルタイム。
CSS writing-mode/directionジェネレーター
縦書き・横書き・RTL/LTR制御CSS生成。vertical-rl/vertical-lr/horizontal-tb対応。
Punycode変換ツール
国際化ドメイン名(IDN)↔Punycode相互変換。xn--プレフィックス対応。日本語ドメイン変換。
SVG QRコード生成
SVGベースQRコードパターン生成。サイズ・色カスタマイズ。SVGダウンロード対応。
CSS orphans/widowsジェネレーター
印刷用ページ分割制御CSS生成。orphans/widows/break-inside設定。@media print対応。
XMLフォーマッター
XMLの整形・インデント・圧縮。バリデーション機能付き。インデント幅カスタマイズ。
CSS Counterジェネレーター
CSS counter-reset/counter-increment生成。自動番号付け。ローマ数字・アルファベット対応。
URLエンコード/デコード
パーセントエンコーディング変換。encodeURIComponent/encodeURI切替。リアルタイム変換。
CSS line-clampジェネレーター
テキスト行数制限・省略表示CSS生成。-webkit-line-clamp。1-20行対応。プレビュー付き。
HTMLタグ除去ツール
HTMLからテキスト抽出。特定タグ保持オプション。エンティティデコード・改行変換対応。
CSS appearanceジェネレーター
フォーム要素のネイティブスタイルリセットCSS生成。none/auto/menulist-button。ベンダープレフィックス対応。
CRC32チェックサム計算
テキストのCRC32ハッシュ値計算。10進数・16進数表示。リアルタイム計算。
SVG星形ジェネレーター
カスタマイズ可能な星形SVG生成。頂点数3-20・内外径・色・回転。プリセット付き。
CSS float/clearジェネレーター
フロートレイアウト制御CSS生成。left/right/none/both。clearfix対応。プレビュー付き。
数値フォーマッター
桁区切り・小数点・通貨記号・単位カスタマイズ。9ロケール対応。K/M/B表記。
IPレンジ計算ツール
CIDR表記からIPアドレス範囲計算。ネットワーク・ブロードキャスト・ホスト数・サブネットマスク表示。
SVG放射状メニュー生成
円形メニューUI SVG生成。アイテム数3-12・半径・色カスタマイズ。ダウンロード対応。
CSS column-ruleジェネレーター
マルチカラムレイアウト区切り線CSS生成。幅・スタイル9種・色設定。プレビュー付き。
文字列リピーター
テキストを指定回数繰り返し生成。区切り文字・接頭辞・接尾辞・行番号カスタマイズ。
CSS tab-size ジェネレーター
タブ文字の表示幅を制御するCSS tab-sizeプロパティを生成。ライブプレビュー付き。
絵文字リムーバー
テキストから絵文字を一括除去。絵文字カウント・置換モード対応。
SVG矢印マーカー生成
SVGの矢印マーカーを生成。スタイル・サイズ・色をカスタマイズ。
CSS visibility ジェネレーター
要素の表示/非表示を制御するCSS visibilityプロパティを生成。
パスワード強度チェッカー
パスワードの強度をリアルタイム判定。エントロピー・推定解読時間を表示。
Zalgoテキスト生成
テキストにZalgo効果を適用。強度調整・プリセット対応のグリッチテキスト生成。
NATOフォネティック変換
文字列をNATOフォネティックアルファベットに変換。区切り文字カスタマイズ対応。
ピッグラテン変換
英語テキストをPig Latinに変換・逆変換。ルール説明付き。
SVG吹き出し生成
漫画風吹き出しSVGを生成。4種類のスタイル・サイズ・色をカスタマイズ。
ワードスクランブラー
単語内の文字をランダムにシャッフル。先頭と末尾を保持するモード対応。
CSS paint-order ジェネレーター
SVG/テキストの描画順序を制御するCSS paint-orderプロパティを生成。ライブプレビュー付き。
SVGゲージチャート生成
メーター風ゲージチャートSVGを生成。角度・色・サイズをカスタマイズ。
CSS overscroll + snap ジェネレーター
overscroll-behaviorとscroll-snapを組み合わせたCSS生成。ライブプレビュー付き。
IPA音声記号入力
クリックで国際音声記号(IPA)を入力。子音・母音・補助記号対応。
CSS scroll-margin ジェネレーター
スクロールスナップのマージンを制御するCSS scroll-marginプロパティを生成。
リートスピーク変換
テキストをLeetspeak(1337)に変換。Basic/Advanced/Extremeの3レベル対応。
ASCIIボックス生成
テキストをASCIIアートの枠で囲む。6種類のスタイル・パディング・配置調整対応。
Unicodeエスケープ変換
テキストとUnicodeエスケープシーケンスの相互変換。JS/Python/HTML/CSS対応。
ホワイトスペース差分チェッカー
2つのテキスト間の見えない空白文字の差異を検出。18種類の空白文字対応。
バイナリ演算ツール
AND/OR/XOR/NOT/シフトなどのビット演算を実行。4/8/16/32ビット対応。
CSS forced-colors ジェネレーター
ハイコントラストモード対応のCSS forced-colorsメディアクエリを生成。
単語レベル差分ツール
2つのテキストの単語単位の差分をハイライト表示。追加・削除を色分け。
文字頻度分析
テキストの各文字出現頻度を棒グラフで表示。大文字小文字区別・空白除外対応。
CSS allプロパティジェネレーター
全CSSプロパティの一括リセット制御。initial/inherit/unset/revert対応。
縦書きテキスト生成
テキストを縦書きに変換表示。CSSコード生成・プレビュー付き。
SVGファネルチャート生成
カスタマイズ可能なファネル図SVGを生成。項目追加・削除・SVGダウンロード。
CSS breakプロパティジェネレーター
印刷/改ページを制御するCSS breakプロパティを生成。before/after/inside対応。
行番号付与ツール
テキストに行番号を自動追加。開始番号・桁数・区切り文字カスタマイズ。
CSS display:contents ジェネレーター
ラッパー要素を透過表示するCSS display:contentsを生成。プレビュー付き。
テキストカラム整列
テキストを列に整列・パディング調整。表形式データの整形に便利。
SVGレーダーチャート生成
多角形レーダーチャートSVGを生成。データポイント・色・透明度カスタマイズ。
カスタムLoremジェネレーター
段落・文・単語数を指定してダミーテキストを生成。カスタマイズ自在。
CSS insetジェネレーター
position要素の位置をinsetで一括指定。top/right/bottom/leftのショートハンド生成。
CSV→テーブル変換
CSVデータをHTMLテーブルに変換・プレビュー。複数区切り文字・Markdown出力対応。
SVG組織図生成
階層構造の組織図SVGを生成。色・サイズカスタマイズ・ダウンロード機能付き。
テーブルフォーマッター
スペース区切りテキストを整形テーブルに変換。Markdown/CSV/HTML出力対応。
SVGツリーマップ生成
面積比でデータを可視化するツリーマップSVGを生成。ダウンロード機能付き。
CSS gapジェネレーター
Flexbox/Gridの間隔を設定するCSS gapプロパティを生成。プレビュー付き。
スラッグ生成ツール
タイトルからURL用スラッグを生成。日本語・多言語対応・カスタマイズ可能。
CSS margin-inline ジェネレーター
論理的なインラインマージンを設定するCSS margin-inlineプロパティを生成。
TSV変換ツール
TSV・CSV・JSON相互変換。タブ区切りデータの変換に便利。
SVGカレンダーヒートマップ
GitHubスタイルの貢献グラフSVGを生成。色・期間カスタマイズ対応。
CSS padding-block ジェネレーター
論理的なブロックパディングを設定するCSS padding-blockプロパティを生成。
文字レベル差分ツール
2つのテキストの文字単位の差分をハイライト表示。細かい変更を検出。
CSS text-indent ジェネレーター
テキストインデントを設定するCSS text-indentプロパティを生成。各種単位対応。
Markdownテーブル生成
GUIでMarkdownテーブルを作成。行列追加・削除・整列設定対応。
SVGガントチャート生成
タスクスケジュールのガントチャートSVGを生成。開始/終了日設定・ダウンロード対応。
CSS word-break ジェネレーター
単語の改行ルールを制御するCSS word-breakプロパティを生成。overflow-wrap統合。
CSS overline ジェネレーター
上線装飾のCSS text-decoration overlineを生成。色・太さ・スタイル設定。
SVGベン図生成
2〜3セットのベン図SVGを生成。色・ラベル・透明度カスタマイズ対応。
CSS outline-offset ジェネレーター
アウトラインのオフセット位置を制御するCSS outline-offsetプロパティを生成。
HTMLエンティティエンコーダー
特殊文字をHTMLエンティティに変換。Named/Decimal/Hex形式対応。
CSS Text Stroke ジェネレーター
テキストにストローク（縁取り）を追加するCSSを生成。幅・色・塗りつぶしをリアルタイムプレビュー。
SVGプログレスリング生成
円形プログレスバーのSVGコード生成。サイズ・太さ・色・進捗率カスタマイズ対応。
N-gramテキスト分析
テキストからN-gramを抽出・頻度分析。文字/単語単位切替・CSV出力対応。
CSS mix-blend-mode ジェネレーター
CSSブレンドモードをリアルタイムプレビュー。16種類のモード・色・不透明度カスタマイズ。
JSON CSV 変換ツール
JSONとCSVの相互変換。双方向リアルタイム変換・区切り文字カスタマイズ対応。
CSS Perspective ジェネレーター
3Dパースペクティブ効果のCSS生成。回転・移動・transform-originをリアルタイムプレビュー。
SVGスパイラルジェネレーター
螺旋図形のSVG生成。アルキメデス・対数螺旋対応。SVGダウンロード機能付き。
JSONスキーマバリデーター
JSONをJSON Schemaで検証。型・文字列・数値・配列の詳細チェック対応。
SVGサンバーストチャート生成
階層データを放射状のサンバーストチャートとして視覚化。SVGダウンロード対応。
ワードクラウド生成
テキストから頻出単語を抽出し視覚的なワードクラウドを生成。SVG/PNG出力対応。
CSS conic-gradient ジェネレーター
円錐グラデーションCSS生成。プリセット・カラーストップ編集・リアルタイムプレビュー。
JSON Diff Patch
JSONの差分検出とパッチ適用。追加・削除・変更の色分け表示対応。
テキスト読みやすさスコア
日本語テキストの読みやすさを0-100で評価。漢字・ひらがな比率分析、5段階レベル判定。
JSON to フォーム生成
JSONスキーマからHTMLフォーム自動生成。リアルタイムプレビュー・コード出力対応。
CSS Paint API デモ
Houdini Paint APIのデモとコード生成。グリッド・ドット・斜線パターンのプリセット付き。
SVGツリー図ジェネレーター
JSONから組織図・ツリー構造をSVG生成。プリセット・スタイルカスタマイズ対応。
CSS image-set() ジェネレーター
レスポンシブ画像のCSS image-set()コード生成。複数解像度・フォーマット対応。
JSONクエリビルダー
JSONデータに対するクエリ構築・実行。フィルタリング・配列操作対応。
テキスト文分割
文章を文単位に分割。句点・改行・スペース対応。番号付きリスト・JSON出力。
CSS touch-action ジェネレーター
タッチ操作制御CSS生成。pan-x/y・pinch-zoom等10種類の値対応。デモ付き。
JSONフェイクデータ生成
スキーマからダミーJSON生成。10種類のデータ型・テンプレート対応。一括生成可能。
CSS font-feature-settings
OpenType機能のCSS生成。リガチャ・数字スタイル・スモールキャップ等を視覚的に設定。
絵文字ファインダー
キーワードで絵文字検索・コピー。500個以上のデータベース・カテゴリフィルタ対応。
JSON to テーブル変換
JSON配列をHTMLテーブルに変換。プレビュー・コード生成・スタイル選択対応。
アクロニム生成
テキストから頭文字を抽出してアクロニム生成。4つの抽出モード対応。
JSONマージツール
複数JSONオブジェクトのマージ。浅い/深い/上書きの3モード対応。
なぜDevToolBox？
完全無料
すべてのツールを制限なく無料で使えます。アカウント登録も不要です。
プライバシー保護
すべての処理がブラウザ内で完結。データがサーバーに送信されることはありません。
高速・軽量
余計な機能を省いたシンプルなUIで、開発作業を素早くサポートします。