javascript - object.style.colorはrgbのみを返しますか

Question

環境：JavaScript object.style.colorは次のようなものを返します。hexのような "rgb(255,0,0)" 別の戻り形式はありますか？

var colorvariable = document.getElementById('text1').style.color

Answer 1

設定した場合:

document.getElementById('text1').style.color = '#000';

戻り#000ます。

ただし、次のように設定した場合:

document.getElementById('text1').style.color = 'rgb(0,0,0)';

を返すrgb(0,0,0)ので、この戻り値は設定された値に依存します。

を使用getComputedStyleして RGB 形式で色を取得し、HEX に変換できます。このコードを参照してください：

var hexChars = '0123456789ABCDEF';
var rgb = getComputedStyle(document.body).color.match(/\d+/g);
var r = parseInt(rgb[0]).toString(16);
var g = parseInt(rgb[1]).toString(16);
var b = parseInt(rgb[2]).toString(16);
var hex = '#' + r + g + b;