HTML如何解析<字体颜色=“测试”>?

2022-09-04 21:55:11

关于为什么HTML认为“chucknorris”是一种颜色?

以下分析是否正确?

  1. 首先,所有非十六进制字符都替换为“”。0

    测试->0e00000

  2. 然后,如果它不能被 3 整除,则将 '0' 附加到它。

    0e00000 -> 0e0000000

  3. 然后分成3个相等的组。

    0e0000000 -> 0e0 000 000

  4. 然后获取每个组的前2个字符,并将它们连接在一起以获取颜色代码。

    0e0 000 000 -> 0e0000

#0e0000接近黑色。

但是,如果您使用此站点并输入字体颜色作为“测试”,它将显示为红色阴影:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_font_color

我错过了什么吗?

在答案之后附加:

我正在编写一个Android应用程序,需要我将字体颜色= “”解析为颜色代码。我把我在这里拼凑起来的算法放在一起,以备将来参考:

public String getColourCode(String nonStandardColour) {
    String rtnVal = "#000000";
    
    // first replace all non-hex characters
    String converted = nonStandardColour.toLowerCase().replaceAll("[g-z]", "0");

    System.out.println(nonStandardColour + " is now " + converted);
    System.out.println("Length: " + converted.length());
    
    if (converted.length() <= 3) {

        // append "0"s if length != 3
        while (converted.length() !=3) {
            converted = converted + "0";
        }

        System.out.println("Converted colour is now " + converted);

        // Length is 3, so split into 3 characters and prepend 0 to each
        String[] colourArray = new String[3];
        colourArray[0] = "0" + convertedOpNickColour.substring(0, 1);
        colourArray[1] = "0" + convertedOpNickColour.substring(1, 2);
        colourArray[2] = "0" + convertedOpNickColour.substring(2, 3);
    
        rtnVal = "#" + Integer.toHexString(Color.rgb(
                            Integer.parseInt(colourArray[0], 16), 
                            Integer.parseInt(colourArray[1], 16), 
                            Integer.parseInt(colourArray[2], 16)));
    }

    else { // converted.length() is >= 4

        System.out.println("Appending 0s until divisible by 3");

        while(converted.length() % 3 != 0) {
            converted = converted + "0";
        }

        System.out.println("Converted colour is now " + converted);

        // divide into 3 equal groups
        List<String> colourArray2 = new ArrayList<String>();
        int index = 0;              
        while (index<converted.length()) {
            colourArray2.add(converted.substring(
                index, Math.min(index(converted.length()/3),converted.length())));
            index+=(converted.length()/3);
        }

        System.out.printf("The 3 groups are:");
        System.out.printf(colourArray2.get(0));
        System.out.printf(colourArray2.get(1));
        System.out.printf(colourArray2.get(2));

        // if the groups are e.g. 0f0 0f0 0f0
        if (rgbColour.get(0).length() >=3 ) {
            rtnVal = Integer.toHexString(Color.rgb(
                Integer.parseInt(colourArray2.get(0).substring(0,2), 16), 
                Integer.parseInt(colourArray2.get(1).substring(0,2), 16), 
                Integer.parseInt(colourArray2.get(2).substring(0,2), 16)));
          
            // remove alpha
            System.out.println("rtnVal is #" + rtnVal.substring(2));
            return "#" + rtnVal.substring(2);
        } 
        
        // groups are e.g. 0f 0f 0f
        else {
            rtnVal = Integer.toHexString(Color.rgb(
            Integer.parseInt(colourArray2.get(0), 16), 
            Integer.parseInt(colourArray2.get(1), 16), 
            Integer.parseInt(colourArray2.get(2), 16)));

            System.out.println("rtnVal is #" + rtnVal.substring(2));
            return "#" + rtnVal.substring(2);
        }
    }
    return rtnVal;
}

答案 1

它实际做的是将其拆分为RGB值,而不是十六进制颜色值。所以你不是在创造,你是在创造。既然我们知道这是简单的,我们只需要看看它的一部分。从这里开始,如果数字超过2个,则需要将前导s减少到两位数,然后截断到数字中的两个左数字,这为您提供了.当您将其从十六进制转换为十进制时,最终会得到 .这给你的是,或者大部分是红色。#0e0000RGB(0e0, 000, 000)00000e00e0e0 = 224RGB(224, 0, 0)

更多示例:

eesting   => ee00000   => ee0 000 000 => RGB(ee0, 000, 000) => RGB(ee, 00, 00) => RGB(238, 0, 0)
eeeting   => eee0000   => eee 000 000 => RGB(eee, 000, 000) => RGB(ee, 00, 00) => RGB(238, 0, 0)
eeeeing   => eeee000   => eee e00 000 => RGB(eee, e00, 000) => RGB(ee, e0, 00) => RGB(238, 224, 0)
eefeefeef => eefeefeef => eef eef eef => RGB(eef, eef, eef) => RGB(ee, ee, ee) => RGB(238, 238, 238)
teeteetee => 0ee0ee0ee => 0ee 0ee 0ee => RGB(0ee, 0ee, 0ee) => RGB(ee, ee, ee) => RGB(238, 238, 238)
0f0f0f    => 0f0f0f    => 0f 0f 0f    => RGB(0f, 0f, 0f)    => RGB(0f, 0f, 0f) => RGB(15, 15, 15)
tftftf    => 0f0f0f    => 0f 0f 0f    => RGB(0f, 0f, 0f)    => RGB(0f, 0f, 0f) => RGB(15, 15, 15)
ttfttfttf => 00f00f00f => 00f 00f 00f => RGB(00f, 00f, 00f) => RGB(0f, 0f, 0f) => RGB(15, 15, 15)

答案 2

是的,你是对的,它使用下面的解析算法和以下步骤首先,删除任何哈希标记,然后将任何非十六进制字符(0-9a-f)替换为0。

例如:#DIXIT变为D0000。

对于长度为 1-2,请右键到 3 个字符,其中 0 个。

例如:“0F”变成“0F0”,“F”变成“F00”。

对于长度 3,将每个数字作为红色、绿色或蓝色的值,并在该值前面加上 0。

例如:“0F0”变为RGB( 0, F, 0),变为RGB( 00, 0F, 00)或000F00。

此时,任何长度短于 4 位数字的值都已完成。

对于长度 4 及更长时间,字段用 0 到下一个 3 的全倍数右填充。此步骤对于较长的字段非常重要。

例如:“0F0F”变为“0F0F00”

接下来,将字符串分成三个偶数部分,分别表示红色,绿色和蓝色,从左到右。

“0F0F00”按预期运行,变为 RGB(0F, 0F, 00)。此时已完成任何包含 6 个字符的字符串。

要验证上述内容,请单击此处

要测试以下样品的算法检查,您将获得相同的结果

<body bgcolor="DIXIT">
<body bgcolor="D00000">

将执行以下步骤来解析dixit

  1. 将非十六进制值替换为 0 s,例如 D0000
  2. 对于长度 4 及更长时间,字段用 0 到下一个 3 的全倍数右填充。此步骤对于较长的字段非常重要。所以现在“D0000”将是RGB格式的“D0 00 00”。