N進数変換

Number Base Converter（基数変換ツール）とは？

基数変換ツールは、2進数・8進数・10進数・16進数といった異なる記数法の間で数値を書き換えるためのツールです。ビットマスクの読み解き、カラーコードのデバッグ、プロトコルパケットのフラグ解析、ハードウェアレジスタの確認、CSSやアセンブリ・暗号処理での16進⇔10進の変換まで、開発の現場で意外と出番が多い作業です。

基数を変えても数値そのものは変わりません。変わるのは「表記」だけです。10進数の 255 は16進数なら 0xFF、2進数なら 0b11111111、8進数なら 0o377。同じ値を4通りの方法で書いているだけ、ということになります。

良いツールなら、巨大な数値も精度を落とさずに扱えるべきです。JavaScript標準の parseInt は 2⁵³ を超える値を黙って丸めてしまうため、64ビットレジスタの値・ID・タイムスタンプなどで地味なバグの原因になります。このツールは内部で BigInt を使っているので、256ビットの16進数値でもラウンドトリップで完全に元に戻ります。

基数変換を通して身につくこと

• 2進数は2種類の数字（0, 1）、8進数は8種類、10進数は10種類、16進数は16種類（0–9, a–f）の数字を使う。
• 2進数の1桁が1ビット。4ビット = 16進数1桁、8ビット = 1バイト = 16進数2桁。
• 16進数は2進数をコンパクトに書くための表記。0xCAFE は2進数で 1100 1010 1111 1110。圧倒的に読みやすい。

基数変換のやり方（ステップ順）

1. 1

   入力する基数を選ぶ

   手元の数値に合わせて、2進数・8進数・10進数・16進数のいずれかを選びます。

2. 2

   値を入力する

   16進数は ff でも 0xff でもOK。2進数も 1010 でも 0b1010 でも構いません。プレフィックスは自動で取り除かれます。

3. 3

   4つの基数の表記を一度に確認

   同じ数値の4種類の表記が瞬時に表示されます。任意の表記をクリックすればコピーできます。

4. 4

   桁区切りで読みやすくする

   2進数は4ビット区切り（1100 1010 1111 1110）、16進数は2文字区切り（CA FE）にできます。ビットフィールドやメモリダンプを目視確認するときに便利です。

基数の早見表

4つの基数でよく出てくる代表値をまとめました。下の表記の文法は、JavaScriptの BigInt と数値リテラルのルールに従います。

試してみたい変換例

color: #ff8800;

color: rgb(255, 136, 0);

進数変換でよくあるミス

• 「数値そのもの」と「リテラル表記」を混同してしまう。0x10 と 10 は見た目は似ていますが、それぞれ16と10です。コード中では基数プレフィックスを必ず付けましょう。
• 生のメモリダンプで16進数を左から右に読んでしまい、バイトオーダー（エンディアン）を考慮し忘れる。
• JavaScriptで 2⁵³ を超える値に parseInt(big, 16) を使ってしまう。代わりに BigInt('0x' + hex) を使ってください。

Number Base Converter よくある質問