js动态生成颜色浅的16进制值

JavaScript014

js动态生成颜色浅的16进制值,第1张

调用的例子:

console.log(ColorLuminance(colorRGB(),0.5))  //先自动生成16进制颜色,在转成比原有颜色轻50%;

//16进制随机颜色

        function colorRGB(){

            return '#' + (function (h) {

                return new Array(7 - h.length).join("0") + h

            })((Math.random() * 0x1000000 << 0).toString(16))

        }

ColorLuminance接受两个参数:

参数1: 十六进制颜色值,例如“#abc”或“#123456”(散列是可选的)

参数2: 亮度因数,即,-0.1是10%更暗,0.2是轻20%等。

function ColorLuminance(hex, lum) {

            // validate hex string

            hex = String(hex).replace(/[^0-9a-f]/gi, '')

            if (hex.length < 6) {

                hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]

            }

            lum = lum || 0

            // convert to decimal and change luminosity

            var rgb = "#", c, i

            for (i = 0 i < 3 i++) {

                c = parseInt(hex.substr(i*2,2), 16)

                c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16)

                rgb += ("00"+c).substr(c.length)

            }

            return rgb

        }

相关资源:https://blog.csdn.net/dingshi7798/article/details/105829757

16进制就已经是网页颜色的代码啦

比如这个#00ffff。

你是妖把#00ffff 在网页上以颜色的形式表现出来??

那好办啊。

就建个表格,让每个单元格的背景为对应的颜色代码啊

<table>

<tr>

<td bgcolor='#00ffff'>#00ffff</td>

<td bgcolor='#0033ff'>#0033ff</td>

</tr>

<table>

16进制颜色代码:

颜色代码:红色#FF0000 深紫色 #871F78 褐红色 #8E236B 石英色 #D9D9F3。

绿色#00FF00 深石板蓝 #6B238E 中海蓝色 #32CD99 艳蓝色 #5959AB。

蓝色#0000FF 深铅灰色 #2F4F4F 中蓝色 #3232CD 鲑鱼色 #6F4242。

牡丹红 #FF00FF 深棕褐色 #97694F 中森林绿 #6B8E23 猩红色 #BC1717。

青色#00FFFF 深绿松石色 #7093DB 中鲜黄色 #EAEAAE 海绿色 #238E68。

黄色#FFFF00 暗木色 #855E42 中兰花色 #9370DB 半甜巧克力色 #6B4226。

黑色#000000 淡灰色 #545454 中海绿色 #426F42 赭色 #8E6B23。

海蓝#70DB93 土灰玫瑰红色 #856363 中石板蓝色 #7F00FF 银色 #E6E8FA。

巧克力色 #5C3317 长石色 #D19275 中春绿色 #7FFF00 天蓝 #3299CC。

蓝紫色 #9F5F9F 火砖色 #8E2323 中绿松石色 #70DBDB 石板蓝 #007FFF。

黄铜色 #B5A642 森林绿 #238E23 中紫红色 #DB7093 艳粉红色 #FF1CAE。

亮金色 #D9D919 金色 #CD7F32 中木色 #A68064 春绿色 #00FF7F。

棕色#A67D3D 鲜黄色 #DBDB70 深藏青色 #2F2F4F 钢蓝色 #236B8E。

青铜色 #8C7853 灰色 #C0C0C0 海军蓝 #23238E 亮天蓝色 #38B0DE。

2号青铜色 #A67D3D 铜绿色 #527F76 霓虹篮 #4D4DFF 棕褐色 #DB9370。

士官服蓝色 #5F9F9F 青黄色 #93DB70 霓虹粉红 #FF6EC7 紫红色 #D8BFD8。

冷铜色 #D98719 猎人绿 #215E21 新深藏青色 #00009C 石板蓝色 #ADEAEA。

铜色#B87333 印度红 #4E2F2F 新棕褐色 #EBC79E 浓深棕色 #5C4033。

珊瑚红 #FF7F00 土黄色 #9F9F5F 暗金黄色 #CFB53B 淡浅灰色 #CDCDCD。

紫蓝色 #42426F 浅蓝色 #C0D9D9 橙色 #FF7F00 紫罗兰色 #4F2F4F。

深棕#5C4033 浅灰色 #A8A8A8 橙红色 #FF2400 紫罗兰红色 #CC3299。

深绿#2F4F2F 浅钢蓝色 #8F8FBD 淡紫色 #DB70DB 麦黄色 #D8D8BF。

深铜绿色 #4A766E 浅木色 #E9C2A6 浅绿色 #8FBC8F 黄绿色 #99CC32。

深橄榄绿 #4F4F2F 石灰绿色 #32CD32 粉红色 #BC8F8F。

深兰花色 #9932CD 桔黄色 #E47833 李子色 #EAADEA。

相关内容:

颜色代码是根据RGB十六进制计算的。

1.  RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。RGB图像只使用三种颜色,就可以使它们按照不同的比例混合,在屏幕上重现16777216(256 * 256 * 256)种颜色。

2.  16进制颜色代码以0、1、2、3、4、5、6、7、8、9、A、B、 C、D、E、F共16位组成。

16进制颜色代码指定颜色的组成方式:前两位表示红色,中间两位表示绿色,最后两位表示蓝色。

把三个数值依次并列起来 ,以#开头:

如#000000由#号+"00"+"00"+"00"四部份组成,#号表示指示作用,没有实际意义.指示后面六位是表示RGB色彩的第一个00,表示R的色彩值,本身是一个16进制的数,由0x00到0xFF,转为十进制是0-255,第二个00,表示G的色彩值,其它同上,第三个00表示B的色彩值,其它同上

如纯红:#FF0000      FF:即十进制的R(红)=255,      00和00即G(绿)=0和B(蓝)=0。     同样的原理,纯绿:#00FF00,即R=0,G=255,B=0。

以上内容参考:十六进制颜色码-百度百科