開発者ツール

「開発者ツール」カテゴリのツールを一覧できます。

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

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

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

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

HSL/HSV カラーピッカー (www.oh-benri-tools.com)

HSL・HSV・RGB・アルファ値をスライダーで調整できるカラーピッカー。色の保存・履歴機能を備え、マテリアルデザインやフラットUIなどのプリセットパレットにも対応する。

OGPチェッカー (web-toolbox.dev)

指定した URL の OGP(Open Graph Protocol)メタタグの内容を確認できる無料ツール。og:title・og:description・og:image などの設定状況を一覧表示し、SNS シェア時の見た目確認に役立つ。

OGP画像シミュレーター (web-toolbox.dev)

OGP 画像が Twitter・Facebook・LINE などの SNS シェア時にどのように表示されるかをプレビューできる無料ツール。シェアカードのデザイン確認に役立つ。

QRコードジェネレーター (lazesoftware.com)

任意のテキストや URL から QR コードを生成するツール。絵文字にも対応し、背景色・前景色・サイズ・マージン・誤り訂正レベルのカスタマイズが可能。

RGBAからRGBへの変換 (www.oh-benri-tools.com)

RGBA(透過色)と背景色のRGBを入力すると、合成後の最終的なRGB値を計算するオンラインツール。透過色が実際にどのような見た目になるかを確認できる。

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

ULID(Universally Unique Lexicographically Sortable Identifier)を生成する無料ツール。UUID より辞書順ソートに適した一意識別子が必要なシステム開発に役立つ。

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

URL を分解してプロトコル・ホスト・パス・クエリパラメータ・ハッシュなどの各要素を個別に表示する無料ツール。URL の構造確認や API 開発のデバッグに役立つ。

UUID/GUIDジェネレーター (web-toolbox.dev)

UUID(v4)または GUID をランダム生成する無料ツール。一度に複数の UUID を生成することもでき、データベース設計やテストデータの作成に役立つ。

カラーコード変換 (www.oh-benri-tools.com)

RGB(10進数)・16進数・RGBA・CSSカラー形式を相互に変換するオンラインツール。入力するとリアルタイムで複数の形式に変換した結果を即座に表示する。

カラーコード抽出 (web-toolbox.dev)

テキストや CSS から HEX・RGB・HSL などのカラーコードを一括抽出する無料ツール。大量のスタイルシートや HTML から色情報をまとめて取り出したいときに便利。

12