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 =
関連記事
- 指定文字を置換、削除する方法
- 文字列の中の指定した部分を置換したり削除します。
- HSVをRGBに変換する方法
- カラーコードをHSVからRGBに変換します。
- 先頭、末尾の文字を削除する方法
- 先頭、末尾の文字を削除します。
- 背景色から適した文字色が白か黒かを判定する方法
- 背景色から文字色は白と黒、どちらがいいかを判定します。
- HEXをRGBに変換する方法
- カラーコードをHEXからRGBに変換します。
- RGBをHSLに変換する方法
- カラーコードをRGBからHSLに変換します。