多機能ツール ver.2（2026年版）
ライブプレビュー
JWTデコード
パスワード生成・強度
UUID生成
CSSグラデーション
画像→Base64
Lorem Ipsum
文字数カウント
カラー変換
Base64
JSON
QRコード
HTML/CSS/JS ライブプレビュー
HTML
<h1>Hello World</h1>
CSS
h1 { color: navy; text-align: center; }
JS
document.querySelector('h1').addEventListener('click', () => alert('Clicked!'));
プレビュー
JWT デコード
デコード
ヘッダー / ペイロード / 署名がここに表示
※署名検証はしません（クライアント側では秘密鍵が見えないため）
パスワード生成 & 強度チェック
長さ:
16
大文字
小文字
数字
記号
生成
コピー
強度: ---
UUID v4 生成
生成
コピー
CSS Gradient 生成器
色1:
色2:
方向:
→ 右
↓ 下
↘ 右下
135度
生成
background: linear-gradient(...);
画像をBase64に変換（小さい画像推奨）
変換
Lorem Ipsum 生成
単語数:
生成
…（前と同じ文字数カウント）…
…（前と同じカラー）…
…（前と同じBase64）…
…（前と同じJSON）…
…（前と同じQR）…