本文实例讲述了JavaScript实现16进制颜色值转RGB的方法。分享给大家供大家参考。具体实现方法如下:

16进制颜色值转RGB

*{margin:0;padding:0;font-family:'Microsoft yahei'}

.replace{width:400px;height:210px;margin:0 auto;padding-top:40px;}

.title{text-align:center;display:block}

form{width:200px;margin:30px auto;}

input{outline:none;}

input[type="button"]{cursor:pointer;}

function hexToR(h) {

return parseInt((cutHex(h)).substring(0, 2), 16)

}

function hexToG(h) {

return parseInt((cutHex(h)).substring(2, 4), 16)

}

function hexToB(h) {

return parseInt((cutHex(h)).substring(4, 6), 16)

}

function cutHex(h) {

return h.charAt(0) == "#" ? h.substring(1, 7) : h

}

function setBgColorById(id, sColor) {

var elems;

if (document.getElementById) {

if (elems = document.getElementById(id)) {

if (elems.style) elems.style.backgroundColor = sColor;

}

}

}

JavaScript原生16进制颜色值转RGB值

R:

G:

B:

运行效果如下图所示:

希望本文所述对大家的javascript程序设计有所帮助。

html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法相关推荐

  1. 【VB6|第17期】16进制颜色值与RGB值互相转换(含源码)

    日期:2023年3月28日 作者:Commas 签名:(ง •_•)ง 积跬步以致千里,积小流以成江海-- 注释:如果您觉得有所帮助,帮忙点个赞,也可以关注我,我们一起成长:如果有不对的地方,还望各位 ...

  2. python16进制转10进制_python 字节串及10进制,16进制相关转换

    进行协议解析时,总是会遇到各种各样的数据转换的问题,从二进制到十进制,从字节串到整数等等 整数之间的进制转换: 10进制转16进制: hex(16) ==> 0x10 16进制转10进制: in ...

  3. C#中,将16进制转换为有符号的10进制的方法(支持带0x标志,支持任意字符串)

    /// <summary>         /// 将16进制转换为有符号的10进制         /// </summary>         /// <param ...

  4. c语言中的16进制坐标计算器,十六进制计算器_16进制计算器

    16进制计算器 开始--所有程序--附件--计算器 电脑计算器16进制转换10进制怎么用 在电脑自带的计算器中启用"程序员"设置,即可进行16进制转换10进制的操作.具体操作请参照 ...

  5. GNU Linux shell中如何进行各进制编码间(二进制、8进制、16进制、base64)的转换

    /**************************************** * Author : Samson * Date : 02/10/2016 * Test platform: * g ...

  6. 16进制转字符串字符串转16进制

    //16进制转字符串 void HexToStr(char *pbDest, char *pbSrc, int nLen) {     unsigned char ddl,ddh;     int i ...

  7. JavaScript的16进制转10进制

    JavaScript的16进制转10进制 JavaScript的16进制转10进制 JavaScript的16进制转10进制 <!doctype html> <html lang=& ...

  8. java进制转换、字符串与16进制互转/数字进制互转

    目录 十进制转其他进制 其他进制数字转十进制 字符串与16进制相互转换 十进制转其他进制 /*** 十进制转其他进制*/public static String conversion(Integer ...

  9. java的代码之进制转换(2,8,16与10进制转换)

    文章目录 一.2,8,16进制转换成10进制 二.10进制转换成2,8,16进制返回STRING 三.自己写的十进制转换成十六进制 一.2,8,16进制转换成10进制 使用Integer.parseI ...

最新文章

  1. Android 分享控件
  2. Spring boot模板引擎缓存
  3. 安装mysql ubantu_安装mysql到ubuntu
  4. 面向对象编程风格 VS 基于对象编程风格
  5. win2003 ent 64 + mssql ent 64
  6. java 后台设置cookie
  7. 苹果笔记本怎么找文件夹_苹果电脑的文件存在哪里_苹果电脑把文件放到哪-win7之家...
  8. excel中vba操作文件
  9. JAVA 赛码网|笔试时输入输出的控制
  10. 循环类测验(下)7-10 不变初心数 (15 分)
  11. 前端后端傻傻分不清楚,这里给你答案
  12. 蚁群算法一个VRP小实现
  13. 子网掩码和IP地址的关系
  14. 【Nature 子刊】I型HLA基因中和癌症相关的体细胞突变--转载
  15. rxswift_RxSwift
  16. 第1章 Oracle教程
  17. IAR7.8 IAR8.5 IAR9.10.1 IAR9.10.2 KEIL 安装包
  18. iOS 解决时间相差8小时问题
  19. U盘要求格式化怎么修复?看这里!
  20. 智能巡检机器人是如何工作的?

热门文章

  1. Qt-认清信号槽的本质
  2. 计算机网络(1)到网络层
  3. 微信小程序保存图片到相册授权被拒绝后重新拉取授权的方法
  4. 一阶线性自抗扰控制的整定
  5. vipjr好不好,曝光学过的家长朋友圈,有图有真相
  6. python怎样导入excel数据,如何将excel中的数据导入python数组?
  7. python运维招聘_利用 Python 爬取了 13966 条运维招聘信息,看看你是否符合招聘信息!...
  8. Docker yum install的时候报错:Rpmdb checksum is invalid: dCDPT(pkg checksums): ...(dockerfile制作centos带vim)
  9. 海外媒体渠道有哪些?如何联系海外媒体?
  10. MySQL之MySQL概述