为什么字体颜色属性中奇怪的东西会产生真正的颜色？
我在教jr。高中/高中的网页编程课程，我们从简单的元素和属性开始，比如字体和颜色，然后转向CSS。我知道颜色已被弃用，而且HTML5中没有包含字体，但出于教学目的，我发现从简单的HTML标记开始，然后逐步扩展到CSS会更方便。在上课的第一周，学生们从能够改变页面上的颜色中获得了很大的乐趣。(我也在第一周教他们字幕和闪烁，但告诉他们，如果他们再次使用它们，他们将失去积分)。
其中一个学生开始提交作业，在颜色属性值中有一些奇怪的东西，比如“彩虹”或“蜘蛛侠”。我开始对此进行试验，发现您在字体标记上输入color="“属性的任何内容都会产生某种颜色。而且在IE、Firefox、Chrome、Opera和Safari的最新版本中，颜色似乎都是一致的。
我发现把"LuckyCharms“作为CSS颜色是行不通的。它似乎只在HTML属性中需要颜色的地方起作用，例如字体color="LuckyCharms“或正文bgcolor="LuckyCharms”。
我试图向我的班级解释为什么会发生这种情况，到目前为止，我还不能理解它，也不能用谷歌搜索一个好的答案。它似乎被解释为一种颜色代码，但我不明白是如何解释的。
更新：经过反复试验，我确定了一个5步算法(使用提供的链接)，可以将几乎任何字符串转换为相应的十六进制颜色。我将在这里提供算法，以供将来的访问者参考：
- 将每个非十六进制字符更改为0。
- 将0添加到字符串中，直到其长度为3的倍数。
- 将字符串分为3个相等的部分。
- 当子字符串的长度大于2，并且所有三个子字符串都以0开头时，请从每个字符串中删除前导0。
- 如果子字符串的长度仍然大于2，则将每个子字符串截断为2个字符。
就是这样，将子字符串放在一起，就得到了十六进制的颜色代码。我已经用大约20个不同的样本验证了这个算法，并使用Firefox ColorZilla附加组件颜色选择器对结果进行了比较。
请注意，在这种情况下，规则确实是在其中一个答案中指定的链接中明确说明的，所有浏览器都将遵守这些规则。因此，你可以指望它在任何浏览器中工作(如果你真的想使用有趣的颜色名称)。
回答 4
Stack Overflow用户
发布于 2012-10-18 00:51:07
HTML5规范包括the rules for parsing legacy colours。
它们相当长，并被设计为允许浏览器在处理损坏代码的方式上保持一致。
Stack Overflow用户
发布于 2012-10-18 00:55:07
非常有趣。似乎浏览器将解释它能解释的任何字符(a-f)，如果不能匹配，则将其余字符保留为0。例如：
Spiderman
00DE0 A不过，仍然需要更多的实验。
Stack Overflow用户
发布于 2012-10-18 01:01:43
这是一个有趣的问题。
通过简单的实验，我发现"LuckyCharms“和"LuckBeALady”的颜色是一样的(至少对我来说是这样)，但是"LuckBeALadyTonight“的颜色更深，而”LuckBeALadyTonight“的颜色更蓝。
顺便说一句，我的第一个想法是它是在可识别的十六进制字符上操作，但这会将"LuckyCharms“转换为cca，从而呈现为黑色。正如Madara Uchiba建议的那样，0和十六进制字符的组合未能呈现出与"LuckyCharms“相同的绿色。
尽管如此，还是没有答案。
https://stackoverflow.com/questions/12939234
复制相似问题