SYNCERのロゴ
アイキャッチ画像

RGBをHEXに変換する方法

JavaScriptを使って、カラーコードのRGB(例: 255,0,0)をHEX(例: #FF0000)に変換します。

サンプルコード

RGBは10進数の数値が3つ集まったものです。これら3つの数値を単純に16進数に変換して繋げてあげたものがHEXです。ただし、1桁の場合は0埋めしなければいけません。

function rgb2hex ( rgb ) {
	return "#" + rgb.map( function ( value ) {
		return ( "0" + value.toString( 16 ) ).slice( -2 ) ;
	} ).join( "" ) ;
}

rgb2hex( [ 255, 128, 64 ] ) ;	// #ff8040

デモ

好きなRGB値を指定して、HEX値を確認してみて下さい。

function rgb2hex ( rgb ) {
	return "#" + rgb.map( function ( value ) {
		return ( "0" + value.toString( 16 ) ).slice( -2 ) ;
	} ).join( "" ) ;
}

var a = rgb2hex( [ 255, 128, 64 ] ) ;
a =
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月13日 (水)
コンテンツを公開しました。