精华内容
下载资源
问答
  • 检查给定值是否是有效的十六进制颜色,使用hex-color-regex - 匹配十六进制颜色值的最佳正则表达式 安装 npm i is-hexcolor --save npm test 用法 有关更多用例,请参阅 var isHexcolor = require ( 'is-hexcolor...
  • 十六进制颜色值

    2017-08-18 14:06:46
    前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制) 透明度百分比的如下: 透明度参照表; 00%=FF(不透明)   5%=F2 10%=E5  15%=D8 20%=CC  25%=BF 30%=B2  35%=...

    #ffffffff由#加八位数字或字母组成,

    前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制)

    透明度百分比的值如下:

    透明度参照表;
    00%=FF(不透明)   

     5%=F2    10%=E5    

    15%=D8    20%=CC    

    25%=BF    30%=B2    

    35%=A5    40%=99   

     45%=8c   50%=7F    
    55%=72    60%=66    

    65%=59    70%=4c    

    75%=3F    80%=33    

    85%=21    90%=19    

    95%=0c    100%=00(全透明)

    展开全文
  • js实现 十六进制颜色值转RGB颜色值 js实现 RGB颜色值 转 十六进制颜色值 var colorChange = { rgbToHex: function (val) { //RGB(A)颜色转换为HEX十六进制的颜色值 var r, g, b, a, regRgba = /rgba?\((\d{1,3...

    一、Js 实现颜色值转换处理

    js实现 十六进制颜色值转RGB颜色值

    js实现 RGB颜色值 转 十六进制颜色值

            var colorChange = {
                rgbToHex: function (val) {  //RGB(A)颜色转换为HEX十六进制的颜色值
                    var r, g, b, a,
                        regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/,    //判断rgb颜色值格式的正则表达式,如rgba(255,20,10,.54)
                        rsa = val.replace(/\s+/g, '').match(regRgba);
                    if (!!rsa) {
                        r = parseInt(rsa[1]).toString(16);
                        r = r.length == 1 ? '0' + r : r;
                        g = (+rsa[2]).toString(16);
                        g = g.length == 1 ? '0' + g : g;
                        b = (+rsa[3]).toString(16);
                        b = b.length == 1 ? '0' + b : b;
                        a = (+(rsa[5] ? rsa[5] : 1)) * 100;
                        return { hex: '#' + r + g + b, r: parseInt(r, 16), g: parseInt(g, 16), b: parseInt(b, 16), alpha: Math.ceil(a) };
                    } else {
                        return { hex: '无效', alpha: 100 };
                    }
                },
                hexToRgb: function (val) {   //HEX十六进制颜色值转换为RGB(A)颜色值
                    // 16进制颜色值的正则
                    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
                    // 把颜色值变成小写
                    var color = val.toLowerCase();
                    var result = '';
                    if (reg.test(color)) {
                        // 如果只有三位的值,需变成六位,如:#fff => #ffffff
                        if (color.length === 4) {
                            var colorNew = "#";
                            for (var i = 1; i < 4; i += 1) {
                                colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));
                            }
                            color = colorNew;
                        }
                        // 处理六位的颜色值,转为RGB
                        var colorChange = [];
                        for (var i = 1; i < 7; i += 2) {
                            colorChange.push(parseInt("0x" + color.slice(i, i + 2)));
                        }
                        result = "rgb(" + colorChange.join(",") + ")";
                        return { rgb: result, r: colorChange[0], g: colorChange[1], b: colorChange[2] };
                    } else {
                        result = '无效';
                        return { rgb: result };
                    }
    
                }
            };

     

    测试:

            console.info(colorChange.rgbToHex('rgb(155,10,20)'));
            console.info(colorChange.rgbToHex('rgb(155,10,20,0.5)'));
            console.info(colorChange.hexToRgb('#ff0000'));

     

    更多:

    Js 取模运算、取商、取整方法

    JS编码

    CSS 样式异步加载

    展开全文
  • 十六进制颜色值表示的时间一个时钟,以十六进制颜色值表示的时间不久前,我在一个项目中看到一个时钟,我发现该时间(格式为00:00:00)非常适合十六进制代码。 我决定使用Vanilla JS创建一个非常小的项目,以彩色...
  • js实现 十六进制颜色值转RGB颜色值 js实现 RGB颜色值 转 十六进制颜色值 var colorChange = { rgbToHex: function (val) { //RGB(A)颜色转换为HEX十六进制的颜色值 var r, g, b, a, regRgba = /rgba?\((\d{1,...

    一、Js 实现颜色值转换处理

    js实现 十六进制颜色值转RGB颜色值

    js实现 RGB颜色值 转 十六进制颜色值

    在线体验

    前端颜色转换 - 在线工具在线颜色值转换工具,RGB转十六进制,RGB,RGBA,HEX,HSL,WEB标准色https://color-4gr069g4ea217b7a-1301145096.tcloudbaseapp.com/color/index.html

            var colorChange = {
                rgbToHex: function (val) {  //RGB(A)颜色转换为HEX十六进制的颜色值
                    var r, g, b, a,
                        regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/,    //判断rgb颜色值格式的正则表达式,如rgba(255,20,10,.54)
                        rsa = val.replace(/\s+/g, '').match(regRgba);
                    if (!!rsa) {
                        r = parseInt(rsa[1]).toString(16);
                        r = r.length == 1 ? '0' + r : r;
                        g = (+rsa[2]).toString(16);
                        g = g.length == 1 ? '0' + g : g;
                        b = (+rsa[3]).toString(16);
                        b = b.length == 1 ? '0' + b : b;
                        a = (+(rsa[5] ? rsa[5] : 1)) * 100;
                        return { hex: '#' + r + g + b, r: parseInt(r, 16), g: parseInt(g, 16), b: parseInt(b, 16), alpha: Math.ceil(a) };
                    } else {
                        return { hex: '无效', alpha: 100 };
                    }
                },
                hexToRgb: function (val) {   //HEX十六进制颜色值转换为RGB(A)颜色值
                    // 16进制颜色值的正则
                    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
                    // 把颜色值变成小写
                    var color = val.toLowerCase();
                    var result = '';
                    if (reg.test(color)) {
                        // 如果只有三位的值,需变成六位,如:#fff => #ffffff
                        if (color.length === 4) {
                            var colorNew = "#";
                            for (var i = 1; i < 4; i += 1) {
                                colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));
                            }
                            color = colorNew;
                        }
                        // 处理六位的颜色值,转为RGB
                        var colorChange = [];
                        for (var i = 1; i < 7; i += 2) {
                            colorChange.push(parseInt("0x" + color.slice(i, i + 2)));
                        }
                        result = "rgb(" + colorChange.join(",") + ")";
                        return { rgb: result, r: colorChange[0], g: colorChange[1], b: colorChange[2] };
                    } else {
                        result = '无效';
                        return { rgb: result };
                    }
     
                }
            };

    使用:

            console.info(colorChange.rgbToHex('rgb(155,10,20)'));
            console.info(colorChange.rgbToHex('rgb(155,10,20,0.5)'));
            console.info(colorChange.hexToRgb('#ff0000'));

    展开全文
  • 十六进制颜色值对照表

    千次阅读 2019-01-24 11:22:03
    用MarkDown写博客,有时会...颜色名十六进制颜色值颜色Red#FF0000rgb(255, 0, 0)Yellow#FFFF00rgb(255, 255, 0)Blue#0000FFrgb(0, 0, 255)Green#008000rgb(0, 128, 0)Orange#FFA500rgb(255, 165, 0)Indigo#4B0082r...

    用MarkDown写博客,有时会用到字体颜色,找了一份十六进制颜色对照表。如下:

    颜色名十六进制颜色值颜色
    Red#FF0000rgb(255, 0, 0)
    Yellow#FFFF00rgb(255, 255, 0)
    Blue#0000FFrgb(0, 0, 255)
    Green#008000rgb(0, 128, 0)
    Orange#FFA500rgb(255, 165, 0)
    Indigo#4B0082rgb(75, 0, 130)
    Purple#800080rgb(128, 0, 128)
    AliceBlue#F0F8FFrgb(240, 248, 255)
    AntiqueWhite#FAEBD7rgb(250, 235, 215)
    Aqua#00FFFFrgb(0, 255, 255)
    Aquamarine#7FFFD4rgb(127, 255, 212)
    Azure#F0FFFFrgb(240, 255, 255)
    Beige#F5F5DCrgb(245, 245, 220)
    Bisque#FFE4C4rgb(255, 228, 196)
    Black#000000rgb(0, 0, 0)
    BlanchedAlmond#FFEBCDrgb(255, 235, 205)
    BlueViolet#8A2BE2rgb(138, 43, 226)
    Brown#A52A2Argb(165, 42, 42)
    BurlyWood#DEB887rgb(222, 184, 135)
    CadetBlue#5F9EA0rgb(95, 158, 160)
    Chartreuse#7FFF00rgb(127, 255, 0)
    Chocolate#D2691Ergb(210, 105, 30)
    Coral#FF7F50rgb(255, 127, 80)
    CornflowerBlue#6495EDrgb(100, 149, 237)
    Cornsilk#FFF8DCrgb(255, 248, 220)
    Crimson#DC143Crgb(220, 20, 60)
    Cyan#00FFFFrgb(0, 255, 255)
    DarkBlue#00008Brgb(0, 0, 139)
    DarkCyan#008B8Brgb(0, 139, 139)
    DarkGoldenRod#B8860Brgb(184, 134, 11)
    DarkGray#A9A9A9rgb(169, 169, 169)
    DarkGreen#006400rgb(0, 100, 0)
    DarkKhaki#BDB76Brgb(189, 183, 107)
    DarkMagenta#8B008Brgb(139, 0, 139)
    DarkOliveGreen#556B2Frgb(85, 107, 47)
    Darkorange#FF8C00rgb(255, 140, 0)
    DarkOrchid#9932CCrgb(153, 50, 204)
    DarkRed#8B0000rgb(139, 0, 0)
    DarkSalmon#E9967Argb(233, 150, 122)
    DarkSeaGreen#8FBC8Frgb(143, 188, 143)
    DarkSlateBlue#483D8Brgb(72, 61, 139)
    DarkSlateGray#2F4F4Frgb(47, 79, 79)
    DarkTurquoise#00CED1rgb(0, 206, 209)
    DarkViolet#9400D3rgb(148, 0, 211)
    DeepPink#FF1493rgb(255, 20, 147)
    DeepSkyBlue#00BFFFrgb(0, 191, 255)
    DimGray#696969rgb(105, 105, 105)
    DodgerBlue#1E90FFrgb(30, 144, 255)
    Feldspar#D19275rgb(209, 146, 117)
    FireBrick#B22222rgb(178, 34, 34)
    FloralWhite#FFFAF0rgb(255, 250, 240)
    ForestGreen#228B22rgb(34, 139, 34)
    Fuchsia#FF00FFrgb(255, 0, 255)
    Gainsboro#DCDCDCrgb(220, 220, 220)
    GhostWhite#F8F8FFrgb(248, 248, 255)
    Gold#FFD700rgb(255, 215, 0)
    GoldenRod#DAA520rgb(218, 165, 32)
    Gray#808080rgb(128, 128, 128)
    GreenYellow#ADFF2Frgb(173, 255, 47)
    HoneyDew#F0FFF0rgb(240, 255, 240)
    HotPink#FF69B4rgb(255, 105, 180)
    IndianRed#CD5C5Crgb(205, 92, 92)
    Ivory#FFFFF0rgb(255, 255, 240)
    Khaki#F0E68Crgb(240, 230, 140)
    Lavender#E6E6FArgb(230, 230, 250)
    LavenderBlush#FFF0F5rgb(255, 240, 245)
    LawnGreen#7CFC00rgb(124, 252, 0)
    LemonChiffon#FFFACDrgb(255, 250, 205)
    LightBlue#ADD8E6rgb(173, 216, 230)
    LightCoral#F08080rgb(240, 128, 128)
    LightCyan#E0FFFFrgb(224, 255, 255)
    LightGoldenRodYellow#FAFAD2rgb(250, 250, 210)
    LightGrey#D3D3D3rgb(211, 211, 211)
    LightGreen#90EE90rgb(144, 238, 144)
    LightPink#FFB6C1rgb(255, 182, 193)
    LightSalmon#FFA07Argb(255, 160, 122)
    LightSeaGreen#20B2AArgb(32, 178, 170)
    LightSkyBlue#87CEFArgb(135, 206, 250)
    LightSlateBlue#8470FFrgb(132, 112, 255)
    LightSlateGray#778899rgb(119, 136, 153)
    LightSteelBlue#B0C4DErgb(176, 196, 222)
    LightYellow#FFFFE0rgb(255, 255, 224)
    Lime#00FF00rgb(0, 255, 0)
    LimeGreen#32CD32rgb(50, 205, 50)
    Linen#FAF0E6rgb(250, 240, 230)
    Magenta#FF00FFrgb(255, 0, 255)
    Maroon#800000rgb(128, 0, 0)
    MediumAquaMarine#66CDAArgb(102, 205, 170)
    MediumBlue#0000CDrgb(0, 0, 205)
    MediumOrchid#BA55D3rgb(186, 85, 211)
    MediumPurple#9370D8rgb(147, 112, 216)
    MediumSeaGreen#3CB371rgb(60, 179, 113)
    MediumSlateBlue#7B68EErgb(123, 104, 238)
    MediumSpringGreen#00FA9Argb(0, 250, 154)
    MediumTurquoise#48D1CCrgb(72, 209, 204)
    MediumVioletRed#C71585rgb(199, 21, 133)
    MidnightBlue#191970rgb(25, 25, 112)
    MintCream#F5FFFArgb(245, 255, 250)
    MistyRose#FFE4E1rgb(255, 228, 225)
    Moccasin#FFE4B5rgb(255, 228, 181)
    NavajoWhite#FFDEADrgb(255, 222, 173)
    Navy#000080rgb(0, 0, 128)
    OldLace#FDF5E6rgb(253, 245, 230)
    Olive#808000rgb(128, 128, 0)
    OliveDrab#6B8E23rgb(107, 142, 35)
    OrangeRed#FF4500rgb(255, 69, 0)
    Orchid#DA70D6rgb(218, 112, 214)
    PaleGoldenRod#EEE8AArgb(238, 232, 170)
    PaleGreen#98FB98rgb(152, 251, 152)
    PaleTurquoise#AFEEEErgb(175, 238, 238)
    PaleVioletRed#D87093rgb(216, 112, 147)
    PapayaWhip#FFEFD5rgb(255, 239, 213)
    PeachPuff#FFDAB9rgb(255, 218, 185)
    Peru#CD853Frgb(205, 133, 63)
    Pink#FFC0CBrgb(255, 192, 203)
    Plum#DDA0DDrgb(221, 160, 221)
    PowderBlue#B0E0E6rgb(176, 224, 230)
    RosyBrown#BC8F8Frgb(188, 143, 143)
    RoyalBlue#4169E1rgb(65, 105, 225)
    SaddleBrown#8B4513rgb(139, 69, 19)
    Salmon#FA8072rgb(250, 128, 114)
    SandyBrown#F4A460rgb(244, 164, 96)
    SeaGreen#2E8B57rgb(46, 139, 87)
    SeaShell#FFF5EErgb(255, 245, 238)
    Sienna#A0522Drgb(160, 82, 45)
    Silver#C0C0C0rgb(192, 192, 192)
    SkyBlue#87CEEBrgb(135, 206, 235)
    SlateBlue#6A5ACDrgb(106, 90, 205)
    SlateGray#708090rgb(112, 128, 144)
    Snow#FFFAFArgb(255, 250, 250)
    SpringGreen#00FF7Frgb(0, 255, 127)
    SteelBlue#4682B4rgb(70, 130, 180)
    Tan#D2B48Crgb(210, 180, 140)
    Teal#008080rgb(0, 128, 128)
    Thistle#D8BFD8rgb(216, 191, 216)
    Tomato#FF6347rgb(255, 99, 71)
    Turquoise#40E0D0rgb(64, 224, 208)
    Violet#EE82EErgb(238, 130, 238)
    VioletRed#D02090rgb(208, 32, 144)
    Wheat#F5DEB3rgb(245, 222, 179)
    White#FFFFFFrgb(255, 255, 255)
    WhiteSmoke#F5F5F5rgb(245, 245, 245)
    YellowGreen#9ACD32rgb(154, 205, 50)
    完毕。
    展开全文
  • 十六进制颜色值和ARGB颜色值的转换

    千次阅读 2017-01-16 11:24:27
    十六进制颜色值 在 ActionScript 中, 与 类结合使用的颜色值应使用 32 位十六进制数表示。32 位十六进制数是四对十六进制数字的序列。每个十六进制对定义四个颜色通道 (红、绿、蓝和 Alpha) 中每个颜色通道的强度...
  • 这里的背景色是:Aquamarine, 十六进制颜色值:#7FFFD4, rgb(127, 255, 212)</td></tr></table> 呈现效果: 这里的背景色是:Aquamarine, 十六进制颜色值:#7FFFD4, rgb(127, 255, 212) 这里...
  • 十六进制颜色值和RGB颜色值相互转换的html文件。比如通过文档字体颜色知道rgb值,可以转成16进制,供写代码使用
  • MarkDown、CSS十六进制颜色值

    千次阅读 2018-10-08 22:00:59
    十六进制颜色值 用于MarkDown、CSS 以便查阅 颜色名十六进制颜色值颜色AliceBlue#F0F8FFrgb(240, 248, 255)AntiqueWhite#FAEBD7rgb(250, 235, 215)Aqua#00FFFFrgb(0, 255, 255)Aquamarine#7FFFD4rgb(127, 255,...
  • 主要介绍了javascript实现十六进制颜色值(HEX)和RGB格式之间的转换,使用正则的方法实现RGB颜色转换为16进制,需要的朋友可以参考下
  • 十六进制颜色值 值"#FF9999"是由红绿蓝三原色组成的颜色,#号后的两位表示红,其后的两位为绿,最后的两位为蓝。 输入 RGB 或十六进制数值后按相应的按钮进转换 红 red: 十六进制数值 绿...
  • 方法1.js实现随机产生十六进制颜色值的代码 方法2.JS实现随机生成十六进制颜色值的代码 //定义一个函数,实现随机生成十六进制颜色值 function getColor(){ //定义字符串变量colorValue存放可以构成十六进制颜色...
  • 使用正则将十六进制颜色值解析为rgb三通道
  • 书写一个函数, 随机生成十六进制颜色值比如:#ff6600 16 进制指0 - f之间的数。 //1.存储 0-f 十六个字符 //2.生成一个随机字符,生成六次 function randomColor() { var arr = ['0', '1', '2', '3', '4', '5...
  • Javascript实用程序,可让您通过单击按钮滚动和突出显示随机的十六进制颜色值。 您可以使用它来滚动寻找可能启发您的下一个设计的颜色,或者当您对已经使用了很长时间的颜色感到无聊时,可以探索新的颜色。 要添加...
  • 在这个游戏中,您必须找到与所显示的十六进制颜色值相匹配的正确方块。 每轮之后难度都会增加,目标是尽可能达到最高水平。 你一开始会有五个生命,如果第一次尝试正确,你可以获得额外的生命。 祝你好运! 点击玩...
  • 进制颜色值转化为十进制颜色值
  • android的十六进制颜色值

    千次阅读 2014-11-13 11:22:19
    Android的十六进制颜色值 分类: UI android2012-05-24 14:17 17486人阅读 评论(2) 收藏 举报 androidcdeb 颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255...
  • 字符串十六进制颜色值转换为UIColor: /** 16进制颜色转换为UIColor @param hexColor 16进制字符串(可以以0x开头,可以以#开头,也可以就是6位的16进制) @param opacity 透明度 @return 16进制字符串对应...
  • 平常用markdown编辑器的时候,需要给字体添加颜色来帮助区分文章重点,这里记录下html的相关颜色表 字体颜色用法: &amp;lt;font color=Aqua&amp;gt;字体颜色用法:&amp;...颜色名十六进制颜色值颜...
  • //定义一个函数,实现随机生成十六进制颜色值  function getColor(){  //定义字符串变量colorValue存放可以构成十六进制颜色值的值  var colorValue="0,1,2,3,4,5,6,7,8,9,a,b,c,d
  • 颜色名十六进制颜色值颜色AliceBlue#F0F8FFrgb(240, 248, 255)AntiqueWhite#FAEBD7rgb(250, 235, 215)Aqua#00FFFFrgb(0, 255, 255)Aquamarine#7FFFD4rgb(127, 255, 212)Azure#F0FFFFrgb(240, 255, 255)Beige#F5F5...
  • 1.十六进制值:#00CCFF int textcolor = Color.parseColor("#00CCFF")返回int数值; text.setTextColor(textcolor); 2.根据id获取十六进制 public String getColorHex(int colorId, Context context){ ...
  • 颜色和不透明度 (alpha) 十六进制表示法表示。任何一种颜色范围都是 0 到 255(00 到 ff)。对于 alpha,00 表示完全透明,ff 表示完全不透明。表达式顺序是“aabbggrr”,其中“aa=alpha”(00 到 ff);...
  • /*RGB颜色转换为16进制*/  String.prototype.color... //十六进制颜色值的正则表达式    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;  var that = this;   if(/^(rgb|RGB)/.test(that)){ 

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 37,834
精华内容 15,133
关键字:

十六进制颜色值