jQuery将RGB转换为十六进制颜色值

jQuery将RGB转换为十六进制颜色值两个 JavaScript 函数到 RGB 颜色值转换为十六进制颜色值 然后第二个十六进制转换颜色值回 RGB 这是用 HTML 颜色工作 是非常有用的改变颜色动态使用 jQuery 功能 RGB 转换为十六进制 functionrgb2 rgb rgb rgb match rgb d s d s d return 0 pars

将RGB转换为HEX的功能

function rgb2hex(rgb){ rgb = rgb.match(/^rgb((d+),s*(d+),s*(d+))$/); return "#" + ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3],10).toString(16)).slice(-2); }

将RGB转换为十六进制的功能(版本2)

function RGB2Color(r,g,b) { return '#' + this.byte2Hex(r) + this.byte2Hex(g) + this.byte2Hex(b); } function byte2Hex (n) { var nybHexString = "0ABCDEF"; return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1); }

将十六进制转换为RGB的函数

function hexToRgb(h) { var r = parseInt((cutHex(h)).substring(0,2),16), g = ((cutHex(h)).substring(2,4),16), b = parseInt((cutHex(h)).substring(4,6),16) return r+''+b+''+b; } function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h} //usage console.log(hexToRgb("#FFFFFF"));

将HEX转换为RGB的函数(PHP)

function hex2rgb( $colour ) { if ( $colour[0] == '#' ) { $colour = substr( $colour, 1 ); } if ( strlen( $colour ) == 6 ) { list( $r, $g, $b ) = array( $colour[0] . $colour[1], $colour[2] . $colour[3], $colour[4] . $colour[5] ); } elseif ( strlen( $colour ) == 3 ) { list( $r, $g, $b ) = array( $colour[0] . $colour[0], $colour[1] . $colour[1], $colour[2] . $colour[2] ); } else { return false; } $r = hexdec( $r ); $g = hexdec( $g ); $b = hexdec( $b ); return array( 'red' => $r, 'green' => $g, 'blue' => $b ); }

From: https://www.sitepoint.com/jquery-convert-rgb-hex-color/

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/200617.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 上午10:25
下一篇 2026年3月20日 上午10:25


相关推荐

  • EditPlus工具添加XML格式化插件[通俗易懂]

    EditPlus工具添加XML格式化插件[通俗易懂]   使用EditPlus打开XML文档,发现文件内容没有格式化,非常难看,使用IE浏览器打开这些XML文档是格式化的,但是IE浏览器却不能编辑。   在网上找了一些资料发现能够通过一个小插件“xmlstarlet”来实现EditPlus格式化XML文档。具体步骤如下:   1. 在http://xmlstar.sourceforge.net/down…

    2022年7月16日
    43
  • C# 正则表达式大全「建议收藏」

    C# 正则表达式大全「建议收藏」前言在网上看到一个不错的简易版正则匹配和替换的工具,现在补充进来,感觉还不错,效果如下(输入验证中文汉字的正则表达式)在线下载密码:5tpt注:好像也是一位园友写的,但是找不到地址了,有看到的

    2022年7月3日
    24
  • Grok-4大模型全面解析

    Grok-4大模型全面解析

    2026年3月15日
    2
  • Bootstrap 表格内容水平、垂直居中

    Bootstrap 表格内容水平、垂直居中水平居中为 tdth 设置 text align center 即可需要注意的是 th 默认为内容居左 td 则没有 所以直接在 th 的父标签 tr 上添加 class text center 是无效的这是无效的 trclass text center th thth 商品信息 thth

    2026年3月16日
    2
  • 【算法】素数(质数)判断方法「建议收藏」

    【算法】素数(质数)判断方法「建议收藏」素数(质数)的判断在算法问题中经常遇到,这里小结几种常用的判断方法。首先,我们来看一下素数(质数)的定义:质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数;否则称为合数。我们可以从它的定义得到判断素数的第一个方法:从2到n-1,判断是否存在能被n整除的数,既(n%i==0,2<=i<=n-1),如果有就不是素数,否则为素数。(这里为了比

    2022年6月18日
    33
  • Ubuntu 12.04下SimpleScalar_PISA 的安装

    Ubuntu 12.04下SimpleScalar_PISA 的安装(1)首先准备需要的安装文件,如果没有可到以下地址下载:simpletools‐2v0.tgz:http://www.simplescalar.com/tools.htmlsimplesim‐3v0d‐with‐cheetah.tar.gz:http://www.ict.kth.se/courses/IS2202/softwaresimpleutils‐990811.tar.

    2022年6月5日
    36

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号