CSS 十六进制代码扩展

Question

在 CSS 中，我们可以使用完整的 6 位十六进制颜色代码，也可以使用 3 位快捷方式。

浏览器如何根据 3 位快捷方式计算 6 位十六进制？

   F   F  F
  /    |  \
 /     |   \
/      |    \
FF     FF    FF

简单的连接似乎有点粗糙(这里是一个非常粗糙的例子)

var shortHex = "FFF";
var fullHex = shortHex[0] + shortHex[0] + [...]

2位数部分是根据个位数的数值计算得出的吗？

你如何从十六进制中得到D二进制值为 1101 , 至 DD二进制值为 11011101通过计算？

一种方法 是将每个十六进制数字乘以 11(十六进制)，得到结果。所以D * 11产量 DD .

这给我们留下了一个问题:这在浏览器中究竟是如何完成的？仅仅是将每个数字加倍还是他们使用另一个方程式？

其次，为什么要引入这个三位数系统？是什么激发了这个决定？

Answer 1

速记网页颜色利用 browser-safe web palette它使用总是加倍的三元组。速记颜色代码只能用于可以加倍的值。因此

#fff > #ffffff
#909 > #990099