Javascript 从序列号生成的html颜色，用于区分各个设备

我们的客户有不止一个支持web的设备，只是序列号和IP地址不同

客户端在连续配置多个设备时会出错，因为各个web应用程序看起来太相似，而工作正常的设备由于客户端复制和粘贴错误而被返回

因此，在网页标题中使用易于识别的颜色来区分web应用程序是非常有用的，这对于每个设备都是不同的

序列号可用于JavaScript，我想从JavaScript中生成一种独特的颜色会很好。这样，每个设备在每个页眉中都会有不同的色点或几何图形，更容易区分

我编写了JavaScript代码：

function ChangeColor(mySerialNumber) 
{
    var i = 0;    
    var asciinum;  
    var numberstring = '';  
    for(i=0; i < mySerialNumber.length; i++)  
    {  
        asciinum = mySerialNumber.charCodeAt(i);  
        numberstring += (asciinum).toString();  
    }  

    if(numberstring.length < 9)  
    {  
        while(numberstring.length < 9)  
        {  
            numberstring = '9' + numberstring; // prepend  
        }  
    }  
    else  
    {  
         numberstring = numberstring.substring((numberstring.length -10),(numberstring.length -1));  
    }  

    newcolorcode = 'rgb(' + numberstring.substring(1,3) + ',';  
    newcolorcode = newcolorcode + numberstring.substring(4,6) + ',';  
    newcolorcode = newcolorcode + numberstring.substring(7,9) + ')';  

    alert('numberstring is ' + numberstring + ' and new color code is ' + newcolorcode);  

    colorme.style.backgroundColor = newcolorcode;  
}  

函数ChangeColor（mySerialNumber）
{
var i=0；
海鞘变种；
var numberstring=''；
对于（i=0；i

我们的序列号是连续的，看起来像这样：

677-026A、677-027A、677-028A等

因此生成的颜色太接近，看起来太相似

有人对改善颜色跨度有什么建议吗？我不能使用rand函数，因为给定机器的每个网页上的颜色必须保持相同

谢谢，

---

Bert

通过在屏幕的一角添加装饰点并允许用户使用Jan Odvarko的JavaScript颜色选择器更改颜色，解决了这一问题

在选择颜色时，JavaScript确认会询问用户是否希望保留此颜色。如果是，Ajax调用会在服务器端保留选择

效果很好

---

谢谢大家

那些色盲的人不会从这额外的一层产品增强中受益。在我阅读之前，我的脑海里一直在想着颜色太接近的部分。嗯，再来点别的怎么样？此设备是否有可触发的LED指示灯或某种类型的电源循环，表明它已“同步”到程序？如果您有一个给定的设置，并且不再有任何序列号，您可以单独配置每个序列号。此外，由于色盲问题，你应该考虑输出一个独特的“名称”标识符，而不是一个彩色点。此外，颜色可以褪色迅速或出现不同的照明。这里有一个不同的方法可以考虑：二维码在设备上。大多数手机都有可以读取这些代码的应用程序，而且有很多可以使用。即使是网络摄像头也可以读取这些代码。用不同颜色显示序列号的最低有效位怎么样。类似于电阻器颜色0-黑色、1-棕色、2-红色、3-橙色、4-黄色、5-绿色、6-蓝色、7-紫色、8-灰色、9-白色。