Web ToolBox

「Web ToolBox」で公開されているツールを一覧できます。

エンコード・デコード

ASCII to HEX変換 (web-toolbox.dev)

ASCII テキストを16進数(HEX)形式へ即座に変換する無料ツール。スペース区切り・スペース無し・0x記法・カンマ区切りなど出力形式を柔軟にカスタマイズ可能。大文字・小文字の切り替えや改行位置の指定にも対応。

エンコード・デコード

Base64エンコード (web-toolbox.dev)

テキストを Base64 形式にエンコードする無料ツール。ブラウザ上で即座に処理が完結し、データが外部に送信されることなく安全に利用できる。

エンコード・デコード

Base64デコード (web-toolbox.dev)

Base64 でエンコードされたテキストを元の文字列にデコードする無料ツール。ブラウザ上で即座に処理が完結し、データが外部に送信されることなく安全に利用できる。

コード生成

Border Radiusジェネレーター (web-toolbox.dev)

CSS の border-radius プロパティの値をビジュアルで調整して生成する無料ツール。4 隅の角丸を個別に設定でき、生成された CSS コードをそのままコピーして利用できる。

コード生成

Box Shadowジェネレーター (web-toolbox.dev)

CSS の box-shadow プロパティの値をビジュアルで調整して生成する無料ツール。影のオフセット・ぼかし・広がり・色・内側外側などを直感的に設定でき、生成された CSS コードをコピーして利用できる。

開発者ツール

CSPパーサー (web-toolbox.dev)

Content Security Policy(CSP)ヘッダーをパースして各ディレクティブの内容を可視化する無料ツール。CSP の設定内容を素早く確認・デバッグするのに役立つ。

開発者ツール

CSSカーソルビューワー (web-toolbox.dev)

CSS の cursor プロパティで指定できる全カーソル種類を一覧表示して確認できる無料ツール。各カーソルの見た目を実際にプレビューしながら確認できる。

コード生成

CSSグラデーションジェネレーター (web-toolbox.dev)

CSS のグラデーション(linear-gradient・radial-gradient)をビジュアルで生成する無料ツール。色・角度・位置などを直感的に調整でき、生成された CSS コードをコピーして利用できる。

コード生成

CSSフィルタージェネレーター (web-toolbox.dev)

CSS の filter プロパティの値をビジュアルで調整して生成する無料ツール。ぼかし・輝度・コントラスト・彩度・色相回転などを直感的に設定でき、生成された CSS コードをコピーして利用できる。

コード生成

CSS背景パターンジェネレーター (web-toolbox.dev)

CSS のみで表現できる背景パターンを生成する無料ツール。ドット・ストライプ・グリッドなど各種パターンを視覚的に設定し、生成された CSS コードをコピーして利用できる。

エンコード・デコード

CSV to JSON変換 (web-toolbox.dev)

CSV データを JSON 形式に変換する無料ツール。ヘッダー行の有無やセパレーターを設定でき、変換結果をすぐにコピーして利用できる。

エンコード・デコード

HEX to ASCII変換 (web-toolbox.dev)

HEX(16 進数)表現を ASCII 文字列に変換する無料ツール。スペース区切り・0x 記法・改行区切りなど各種入力形式に対応し、デバッグやデータ解析に活用できる。

12...