element.style.background経由で設定すると、ブラウザは自動的に16進またはhslの色をrgbに評価しますか？

Question

私は何か明白でないものを紛失しているかどうかわかりませんが、誰かがこれを私に説明できますか？次のスニペットは、Chrome DevTools Consoleで行ったものです。 Firefoxと同じ結果になります。

> let container = document.createElement("div") 
> undefined 
> container.style.background = "#bbb" 
> "#bbb" 
> container 
> <div style=​"background:​ rgb(187, 187, 187)​;​">​</div>​ 
> container.style.background = "hsl(120, 50%, 50%)" 
> "hsl(120, 50%, 50%)" 
> container 
> <div style=​"background:​ rgb(63, 191, 63)​;​">​</div>​ 

ここにはわかりやすくするための図があります。

これは標準的な動作ですか？もしそうなら、実際のHEXまたはHSL値をインラインスタイルにするにはどうすればよいですか？ spec 1として

Answer 1

：

値が半透明である場合、計算値はrgba()対応するであろう。そうでない場合は、対応するrgb()になります。 rgbまたはrgbaのいずれかで、あなたの入力が何であるかに関係なく、計算値が常に結果という意味

。

だから、あなたの質問に答える：それはバックRGBAに計算されるようにはいを、それが標準的な動作となしは、あなたが進またはHSLを使用することはできません。