開発・Web制作の便利ツールまとめ

テキストを Base64 にエンコード、または Base64 をテキストにデコードします。日本語対応。

URL に使えない文字をパーセントエンコード、またはデコードします。日本語対応。

文字とコードポイント（U+XXXX）・10進・UTF-8バイト・HTML数値文字参照・\uXXXXを相互に変換。絵文字やサロゲートペアにも対応した完全クライアント処理のツールです。

テキストから SHA-1 / SHA-256 / SHA-384 / SHA-512 のハッシュ値（16進）を計算します。

JSON を読みやすく整形、または1行に圧縮（minify）します。構文エラーは位置を案内。

正規表現のパターンとフラグを入力し、テスト文字列に対するマッチ箇所のハイライトとマッチ一覧（インデックス・キャプチャグループ）を確認できます。置換プレビューにも対応。

JWT（JSON Web Token）を貼り付けるだけで、ヘッダーとペイロードをBase64URLデコードしてJSON整形表示。exp・iat・nbfは日時に変換します。署名検証はせず、すべてブラウザ内で処理します。

URLを入力するだけで、ページのOGP（og:title / og:image など）やTwitter Card・titleなどのメタタグを取得し、SNSプレビューと一覧で確認できます。

いま接続中のグローバルIPアドレスを表示。ブラウザ・OS・画面サイズ・言語・タイムゾーン・UA文字列もまとめて確認できます。

前景色と背景色のコントラスト比を計算し、WCAGの基準（通常テキスト AA 4.5・AAA 7.0／大きい文字 AA 3.0・AAA 4.5）で合否を判定。実際の配色プレビューも表示します。

パスワードの推定エントロピー・強度ランク・総当たり解読時間を計算します。入力値は送信せずブラウザ内だけで処理します。

cron式（分・時・日・月・曜の5フィールド）を入力すると、人間が読める日本語の説明と各フィールドの解説を表示します。* */n a-b a,b の記法に対応。

テキストやURLを入力すると、QRコードをリアルタイムで生成します。SVGダウンロード対応。

長さと文字種を選んで、安全なランダムパスワードをブラウザ内で生成します。

UUID v4（ランダム）を crypto.getRandomValues で安全に生成。個数指定・ハイフン有無・大文字小文字の切替、各行コピー・全コピーに対応。UUID v7 / NIL UUID も生成できます。

日本語ダミー / Lorem Ipsum のダミーテキストを段落数・文字数指定で生成します。

linear/radialのグラデーションを、角度・色・位置を調整してリアルタイムにプレビューし、backgroundのCSSを生成・コピーできます。

影のX/Yオフセット・ぼかし・広がり・色・不透明度・insetを調整して、box-shadowのCSSをリアルタイム生成・コピーできます。

幅と高さからアスペクト比を16:9などに簡約します。比固定モードでは比と片方の値からもう片方の解像度を計算します。

ルートfont-sizeを基準に、px・rem・em・ptを相互変換します。CSSの単位換算をリアルタイムに内訳表示します。

Markdownを入力するとHTMLプレビューをリアルタイム表示。見出し・リスト・コードブロック・テーブル・リンク・画像に対応。XSS対策済みで、すべてブラウザ内で処理します。

HEX・RGB・HSLのカラーコードを相互に変換します。

左右2つのテキストを行単位で比較し、追加・削除・共通の行を色分けして表示します。LCS（最長共通部分列）アルゴリズムで差分を算出。一致・差分の件数も表示。

文章の文字数・行数・原稿用紙換算をリアルタイムで数えます。