`
duchq044
  • 浏览: 29177 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

随机生成颜色以及十六进制颜色与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;
  }
}


分享到:
评论

相关推荐

    颜色选取与进制转换

    例如,将RGB值(如255, 128, 0)转换为十六进制,首先将每个通道的值转换成16进制,然后连接起来,得到`#FF8000`。反之,将十六进制颜色代码转换为RGB,需要将每个两位的16进制数转换成10进制。这个过程在编程中非常...

    JS实现随机颜色的3种方法与颜色格式的转化

    例如,十六进制颜色可以转化为RGB格式,但需要注意的是,从RGB或RGBA转化为十六进制时,Alpha值会被忽略。以下是十六进制转RGB的示例: ```javascript function hex2Rgb(hex) { var rgb = []; if (/^\#[0-9A-F]{3...

    colorizr.js:RGB 和十六进制颜色的随机生成器

    3. **十六进制到 RGB 转换**: 反向操作,从十六进制颜色码还原出RGB值。 4. **颜色限制与调整**: 可能还支持对生成的颜色进行一些限制,例如确保颜色的明亮度或饱和度在特定范围内。 5. **演示与示例**: 库通常会...

    PHP-Color:一个用于处理RGB,HSL和十六进制颜色PHP 7库。 使用此独立的库,可以创建方案,修改特定的颜色属性,导出CMYK并快速轻松地提出颜色建议

    演示: 下载: 版权所有:copyright:2016 Nicholas Jordon —保留所有权利特征在RGB,HSL,HSB,十六进制和CMYK色谱之间转换任何颜色。 动态为任何颜色生成10种不同的配色方案算法。 (超过165,000,000个可能的方案...

    Random RGB and Hex Color Generator Application.zip

    为了生成十六进制颜色代码,还需要将整数转换为两位十六进制字符串,不足两位的前面补零。 以下是一个简单的JavaScript代码示例,用于生成随机RGB和对应的十六进制颜色: ```javascript function ...

    Android编程实现随机生成颜色的方法示例

    本文详细介绍了Android编程实现随机生成颜色的方法,包括使用Random类和Math.random()方法生成随机数,并将其转换为十六进制字符串表示的颜色值。同时,也推荐了几款相关的颜色工具供大家参考使用。

    Hex-Change-Background-Color-Project:面向初学者的100个JavaScript项目中的第2个项目! 随机十六进制更改背景颜色项目

    在JavaScript中,颜色通常以三种方式表示:RGB(红绿蓝)、RGBA(红绿蓝透明度)以及十六进制(#RRGGBB)。在这个项目中,我们将主要关注十六进制表示法。十六进制颜色代码是由六个字符组成的字符串,前两个字符代表...

    网页颜色生成器

    2. **颜色代码提取**:网页颜色生成器可以将屏幕上任何选定的颜色转换为常用的颜色代码,如RGB(红绿蓝)、HEX(十六进制)或HSV(色调、饱和度、亮度)。这些代码方便在HTML、CSS等网页语言中直接使用。 3. **色彩...

    JavaScript随机生成颜色的方法

    在JavaScript中,生成随机颜色的方法通常涉及到生成随机的RGB(红、绿、蓝)值,然后将这些值组合成一个有效的颜色表示。这里给出了三种不同的方法来实现这一目标,每种方法都通过JavaScript事件监听器与HTML按钮...

    js获取随机颜色值的函数

    总结来说,获取随机颜色值的JavaScript函数通过生成一个0到16777215的随机整数,将其转换为十六进制并添加前导零,最终形成六字符的十六进制颜色代码。这种技术在创建动态效果,如随机背景色或者颜色动画时非常有用...

    背景色渐变脚本(HTML经典用例)

    函数将根据flag的值来确定是否需要更新颜色值,并使用hex函数将颜色值转换为十六进制颜色值。 使用方法 使用该脚本非常简单,只需要将script标签复制到HTML文件的部分,然后在标签中添加onload事件,例如:()"&gt;。...

    phpColorPhpColor

    在PHP中,可以使用内置的函数hex2rgb()将十六进制颜色代码转换为RGB值,或者自定义函数实现其他颜色模型的转换。例如,通过解析颜色代码并进行相应的数学运算,可以将RGB值转换为HSV或CMYK值。 颜色的变化则涉及到...

    asp.net 产生随机颜色实现代码

    综上所述,这段代码展示了如何在***程序中使用C#编写函数来随机生成颜色。通过操作`Random`类,控制线程的暂停,并结合RGB颜色模型,最终生成了随机的颜色,并以字符串形式返回颜色的十六进制表示。这对于动态生成...

    javascript实现随机生成DIV背景色

    关于RGB与十六进制颜色值,实际上在JavaScript中设置颜色时,浏览器会根据使用的是哪种格式自动转换成内部表示。例如,即使你在JavaScript中以十六进制格式赋值,浏览器在DOM元素的`backgroundColor`属性中显示的却...

    Colorwall:随机颜色生成器网站

    2. **颜色显示**:生成的颜色以方块的形式实时显示在网页上,每个颜色块都与生成的十六进制颜色代码关联。这通常是通过CSS样式来实现的,JavaScript将生成的RGB或HSV值转换为对应的十六进制值,并将其应用于HTML元素...

    Python库 | pymccrgb-0.1.3-py3-none-any.whl

    5. **实用工具**:例如,生成随机颜色、从十六进制颜色代码解析RGB值,或将RGB值转换为十六进制表示等。 使用pymccrgb库的开发者可能包括图像处理软件的开发者、数据分析人员、游戏开发者,甚至网页和UI设计师。...

    RandomColorGenerator:随机颜色生成器

    HEX颜色模式则是将RGB值转换为6位的十六进制数,例如#FF0000代表红色,其中FF代表红色的最高强度,00代表绿色和蓝色的最低强度。 在JavaScript中,生成随机颜色的一种常见方法是随机生成RGB值。以下是一个简单的...

    变化中获取颜色代码.rar

    常见的颜色代码有RGB(Red, Green, Blue)、HEX(十六进制颜色代码)、CMYK(Cyan, Magenta, Yellow, Key/Black)和HSV(Hue, Saturation, Value)。RGB用于数字显示设备,如电脑屏幕,由红、绿、蓝三种颜色的强度...

    Generate-Color:颜色生成器随机

    若要生成十六进制颜色,我们可以将每通道的值转换为16进制并添加前缀"#": ```javascript function getRandomHexColor() { var letters = '0123456789ABCDEF'; var color = '#'; for (var i = 0; i ; i++) { ...

Global site tag (gtag.js) - Google Analytics