zoukankan      html  css  js  c++  java
  • JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换


    /** * 随机生成颜色 * @return 随机生成的十六进制颜色 */ function randomColor(){   var colorStr=Math.floor(Math.random()*0xFFFFFF).toString(16).toUpperCase();   return"#"+"000000".substring(0,6-colorStr)+colorStr; }

      

    /**
     * 十六进制颜色转换为RGB颜色
     * @param color 要转换的十六进制颜色
     * @return RGB颜色
    */
    function colorHexToRGB(color){
      color=color.toUpperCase();
      var regexpHex=/^#[0-9a-fA-F]{3,6}$/;//Hex
      if(regexpHex.test(color)){
        var hexArray=new Array();
        var count=1;
        for(var i=1;i<=3;i++){
          if(color.length-2*i>3-i){
            hexArray.push(Number("0x"+color.substring(count,count+2)));
            count+=2;
          }else{
            hexArray.push(Number("0x"+color.charAt(count)+color.charAt(count)));
            count+=1;
          }
        }
        return"RGB("+hexArray.join(",")+")";
      }else{
        return color;
      }
    }
    

      

    /**
     * RGB颜色转换为十六进制颜色
     * @param color 要转换的RGB颜色
     * @return 十六进制颜色
    */
     
    function colorRGBToHex(color){
      var regexpRGB=/^(rgb|RGB)([0-9]{1,3},s?[0-9]{1,3},s?[0-9]{1,3})$/;//RGB
      if(regexpRGB.test(color)){
        color=color.replace(/((|)|rgb|RGB)*/g,"").split(",");
        var colorHex="#";
        for(var i=0;i<color.length;i++){
          var hex=Number(color[i]).toString(16);
          if(hex.length==1) hex="0"+hex;
          colorHex+=hex;
        }
        return colorHex;
      }else{
        return color;
      }
    }
    

      

  • 相关阅读:
    图片验证码制作
    上传图片加水印
    组合查询加分页
    C# 数据类型 数据转换 自己的见解和方式
    C# 基础控制台程序的创建,输出,输入,定义变量,变量赋值,值覆盖,值拼接,值打印
    关于Spring注解
    java I/O
    关于web.xml配置
    第7章 使用springMVC构建Web应用程序 7.1 springMVC配置
    js配合c3制作一个动态钟表
  • 原文地址:https://www.cnblogs.com/ecmasea/p/9542699.html
Copyright © 2011-2022 走看看