開発者ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12