Web制作で頻出する px、rem、em、vw、% をリアルタイムに相互変換します。数値を入力すると他の全単位が自動計算されます。
| Pixels (px) | REM (rem) | Percent (%) | 主な用途目安 |
|---|---|---|---|
| 8px | 0.5rem | 50% | 極小パディング、注釈テキスト |
| 12px | 0.75rem | 75% | キャプション、補足情報 |
| 14px | 0.875rem | 87.5% | サブテキスト、UIラベル |
| 16px | 1rem | 100% | 標準本文 (Body)、基本サイズ |
| 20px | 1.25rem | 125% | 小見出し (H4/H3) |
| 24px | 1.5rem | 150% | 中見出し (H2) |
| 32px | 2rem | 200% | 大見出し (H1) |
| 48px | 3rem | 300% | メインタイトル、Heroセクション |
<html> のフォントサイズを基準とします。ユーザーがブラウザで文字サイズを大きく設定した場合でも自動追従するため、アクセシビリティ確保の観点からテキストサイズや主余白には rem の利用が強く推奨されます。