1. ホーム
  2. javascript

[解決済み] RGB値ではなく、16進数のカラー値を取得する方法は?

2022-04-24 18:16:06

質問

以下のjQueryを使用すると、要素の背景色のRGB値を取得することができます。

$('#selector').css('backgroundColor');

RGBではなく、16進数の値を取得する方法はありますか?

どのように解決するのですか?

var hexDigits = new Array
        ("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); 

//Function to convert rgb color to hex format
function rgb2hex(rgb) {
 rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
 return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

function hex(x) {
  return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];
 }

( ソース )