JavaScript - 10進数と16進数の変換

公開日:2018-11-29 更新日:2019-05-11

1. 概要

10進数の数値と16進数の文字列を相互変換します。

2. 10進数の数値を16進数の文字列に変換

console.log( Number('0xffff') ); //65535

3. 数値から文字列に変換

var v = 65535;
console.log( v.toString(16) ); //ffff

4. 10進数のRGBと16進数のカラーコードの相互変換


10進数 -> 16進数
var r = 255;
var g = 192;
var b = 128;
var rgb = r.toString(16) + g.toString(16) + b.toString(16);
console.log( rgb ); //ffc080

16進数 -> 10進数
var rgb = 'ffc080';
var r = Number('0x' + rgb.substr(0, 2));
var g = Number('0x' + rgb.substr(2, 2));
var b = Number('0x' + rgb.substr(4, 2));
console.log( r ); //255
console.log( g ); //192
console.log( b ); //128