`
weibin529
  • 浏览: 3645 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

RGB颜色值转HTML十六进制(HEX)代码的JS函数

阅读更多
        function RGBToHex(rgb) {
            var regexp = /^rgb\(([0-9]{0,3})\,\s*([0-9]{0,3})\,\s*([0-9]{0,3})\)/g;
            var re = rgb.replace(regexp, "$1 $2 $3").split(" "); //利用正则表达式去掉多余的部分 
            var hexColor = "#"; var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
            for (var i = 0; i < 3; i++) {
                var r = null; var c = re[i];
                var hexAr = [];
                while (c > 16) {
                    r = c % 16;
                    c = (c / 16) >> 0;
                    hexAr.push(hex[r]);
                } hexAr.push(hex[c]);
                hexColor += hexAr.reverse().join('');
            }
            return hexColor;
        }
分享到:
评论

相关推荐

    hex-to-rgba:将CSS十六进制颜色代码转换为rgba()

    hex-to-rgba将老式CSS十六进制颜色值字符串转换为rgba()字符串。 (可选)传入一个alpha值。 传递的alpha值将覆盖4或8位十六进制的任何alpha值。 如果您根本不输入任何Alpha值,我们将默认使用Alpha值1(完全...

    JavaScript 十六进制RGB色码转换器

    set函数则用于根据三个滑块(分别对应红、绿、蓝三原色)的位置获取相应的RGB值,并调用toHex函数将这些RGB值转换为十六进制字符串,然后更新页面元素的颜色属性。set函数中的R、G、B变量分别表示红、绿、蓝三种颜色...

    js颜色RGB转hex颜色码.docx

    RGB(Red、Green、Blue)颜色模型是一种常用的颜色表示方式,而Hex(十六进制)颜色码则是另一种常用的颜色表示方式。在本文中,我们将讨论如何使用JavaScript将RGB颜色转换为Hex颜色码。 RGB颜色模型 ---------- ...

    两种颜色之间的分段处理.docx

    函数内部首先将输入的颜色值从十六进制(hex)转换为RGB格式,然后计算每一步颜色变化的差值。通过循环`step`次,每次计算出当前步数对应的RGB值,并将其转换回十六进制,最后将这些颜色值存储到数组`colorArr`中并...

    RgbToHex:将 RGB 颜色转换为十六进制的 Google Chrome 扩展程序

    RGB到十六进制颜色转换是Web开发中常见的需求,特别是在CSS、HTML和JavaScript等前端技术中。这个名为"RgbToHex"的Google Chrome扩展程序专为此目的设计,它允许用户快速方便地将RGB颜色值转化为十六进制表示,从而...

    Random RGB and Hex Color Generator Application.zip

    随机RGB和十六进制颜色生成器应用程序是一款基于JavaScript编写的免费源代码软件。这款应用的主要功能是生成随机的颜色值,包括RGB(红绿蓝)三原色格式和十六进制颜色代码,这两种颜色表示方式在网页设计、图形设计...

    获取舞台某一个点的颜色值

    4. **十六进制转换**:将RGB或RGBA值转换为十六进制,我们可以使用内置的函数或编写自己的转换代码。例如,Python有`format()`函数,JavaScript有`toString(16)`方法。 下面是一个使用Python PIL库的例子: ```...

    JavaScript实现把rgb颜色转换成16进制颜色的方法

    而16进制颜色表示法是基于16进制数系统,使用十六进制代码来表示颜色值,常用于CSS和网页设计中。每个颜色通道(红、绿、蓝)用两位16进制数字表示,范围从00到FF。把RGB值转换为16进制值,可以使得颜色值在Web开发...

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

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

    hex-to-rgb.js:一个简单的库,用于将CSS字符串从十六进制转换为RGBRGBA

    这是一小组Javascript函数,可用于从十六进制和RGB / RGBA来回转换CSS字符串。 用法 有两个函数: hexToRgb和rgbToHex 。 hexToRgb hexToRgb返回具有r , g和b属性的对象。 var color = hexToRgb ( "#1fbcff" ) ; ...

    js颜色码转RGB.docx

    在JavaScript和jQuery中,颜色通常可以使用两种主要的表示方式:Hexadecimal(十六进制)和RGB(红绿蓝)。Hex颜色码是一种简洁的方式,它使用6个字符(例如#FFFFFF)来表示颜色,其中每两个字符分别代表红色、绿色...

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

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

    MFC_RGB颜色对照表

    对应的HEX(十六进制)颜色代码是#FFB6C1,这种表示方式将RGB的每个8位数值转换为两位的十六进制数,更紧凑且便于在网络和编程中使用。 上述颜色列表中还包含了一些其他颜色的RGB和HEX值,如"Pink"(#FFC0CB)、...

    RGB颜色查询对照表

    例如,在网页设计中,开发者可以通过查询表找到所需颜色的RGB值,然后在CSS代码中使用`rgb()`函数或`hex`颜色代码来指定背景、文字或其他元素的颜色。在图像处理软件如Photoshop中,可以使用RGB值精确选取和调整颜色...

    jquery获取css的color值返回RGB的方法

    之后,定义了一个转换函数rgb2hex,该函数负责将RGB格式的颜色值转换为十六进制格式。 在转换函数中,使用了正则表达式/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/来匹配RGB格式的颜色字符串,并且将匹配到的各个部分分别...

    HexToUIColor:将十六进制转换为 Swift UIColor

    这个JavaScript函数同样将十六进制颜色代码转换为RGB格式的字符串。 在提供的压缩包`HexToUIColor-master`中,可能包含了一个完整的Swift项目或库,用于处理十六进制到UIColor的转换。这个库可能提供了更复杂的功能...

    Javascript实现Web颜色值转换

    如上文所示,已经给出了将RGB和RGBA颜色值转换为十六进制颜色(包括透明度)的JavaScript函数示例。这些函数通过正则表达式解析输入的RGB或RGBA字符串,并将其转换为对应的十六进制颜色值。其中,alpha通道的转换是...

    hexa:用于处理十六进制的实用程序

    4. **HEX编码与解码**:在JavaScript中,`btoa()`和`atob()`函数可以用来编码和解码Base64字符串,但它们不直接支持十六进制。为了处理十六进制字符串,可以使用自定义函数,例如将十六进制字符串转换为ASCII或...

Global site tag (gtag.js) - Google Analytics