A Micro Toolbox

ソフトウェアのニッチな問題の対処記録です

16進記法で指定した色を取り出すとrgb()関数になる

CSSで色を16進数で書いて

<span id="colortest" style="color:#ff9933;">orange<span>

JavaScriptで取り出すと

const colorspan = document.getElementById("colortest");
console.log(colortest.style.color);
console.log(colortest.style.cssText);

rgb()関数表記になっている。

rgb(255, 153, 51)
color: rgb(255, 153, 51)

CSSの仕様によるものらしい。

CSS Color Module Level 4 https://drafts.csswg.org/css-color/#resolving-color-values

日本語訳 https://triple-underscore.github.io/css-color-ja.html#rgb-functions