必威体育Betway必威体育官网
当前位置:首页 > IT技术

RGB颜色值与十六进制颜色码互相转换代码

时间:2019-08-17 10:44:25来源:IT技术作者:seo实验室小编阅读:68次「手机版」
 

rgb转16进制

RGB颜色值是我们常用的一种颜色标准,通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。形如255, 255, 255。

十六进制颜色码就是在软件中设定颜色值的代码。在很多软件中,都会遇到设定颜色值的问题,发展来源人的眼睛看到的颜色有两种:一种是发光体发出的颜色,比如计算机显示器屏幕显示的颜色;另一种是物体本身不发光,而是反射的光产生十六进制颜色。形如#FF00000,通常有6位和3位两种。

工具地址:RGB颜色值与十六进制颜色代码转换工具

代码实现:

RGB转十六位颜色值:

    hexcode = "#";
    for (x = 0; x < 3; x++) {;
        var n = document.getElementsByName("r-value")[x].value;
        if (n == "") n = "0";
        if (parseInt(n) != n) {
            $('.loading-result-1').html('请输入数字!');
            $('.loading-result-1').removeClass('hide');
            $('.from-rgb-result').addClass('hide');
            return;
        }
        if (n > 255) {
            $('.loading-result-1').html('数字在0-255之间!');
            $('.loading-result-1').removeClass('hide');
            $('.from-rgb-result').addClass('hide');
            return;
        }
        var c = "0123456789ABCDEF",
        b = "",
        a = n % 16;
        b = c.substr(a, 1);
        a = (n - a) / 16;
        hexcode += c.substr(a, 1) + b
    }

十六位进制颜色转RGB:

    var a = $('#code-value').val();
    if (a.substr(0, 1) == "#") a = a.substring(1);
    a = a.toLowerCase();
    b = new Array();
    for (x = 0; x < 3; x++) {
        b[0] = len == 6 ? a.substr(x * 2, 2) : a.substr(x * 1, 1) + a.substr(x * 1, 1);
        b[3] = "0123456789abcdef";
        b[1] = b[0].substr(0, 1);
        b[2] = b[0].substr(1, 1);
        b[20 + x] = b[3].indexof(b[1]) * 16 + b[3].indexOf(b[2])
    }

其中,a就是输入的十六位进制颜色码,RGB分别位b[20] + "," + b[21] + "," + b[22]。

相关阅读

js 将数字转换成中文大写

//完成将 toChineseNum, 可以将数字转换成中文大写的表示,处理到万级别,例如 toChineseNum(12345),返回 一万二千三百四十五。

C语言 整数与字符串的相互转换

C语言 整数与字符串的相互转换 一、简述 C语言中整数与字符串的相互转换,有广泛应用的拓展函数(非标准库),也可以自己尝试简单的实

怎么快速无损的将FLV格式转换MP4格式

剪辑视频时经常会碰到不同格式的视频文件,软件无法识别剪辑就无法开始。 国内视频网站下载的视频多为flv格式,不能直接拖动到剪辑软

灰度图转RGB(伪彩色图)

灰度图转RGB(伪彩色图)前言代码参考前言 灰度图可以转化成伪彩色图以显示出更多的细节,简单整理了三种转化的方法,结合openCV通过C++

[iOS]根据UIColor获取及改变RGB和Alpha

[iOS]根据UIColor获取及改变RGB和Alpha本文产生原因:画折线图数组时,使用获取的UIColor数组,发现先画的线会被后画的线覆盖,有时无法

分享到:

栏目导航

推荐阅读

热门阅读