十六進製制顏色值域RGB格式顏色值之間的相互轉換

2021-08-18 02:57:48 字數 1023 閱讀 5230

/**

* created by cld on 2018/3.

* 十六進製制顏色值域rgb格式顏色值之間的相互轉換

*///十六進製制顏色值的正規表示式

var reg = /^#([0-9a-fa-f]|[0-9a-fa-f])$/

/*rgb顏色轉換為16進製制

*定義的函式

*/let rgbtohex = function(rgb) /g

var re = rgb.match(regexp) //利用正規表示式去掉多餘的部分,將rgb中的數字提取

var hexcolor = '#'

var hex = [

'0',

'1',

'2',

'3',

'4',

'5',

'6',

'7',

'8',

'9',

'a',

'b',

'c',

'd',

'e',

'f']

for (var i = 0; i < re.length; i++)

hexar.push(hex[c])

if (l < 16 && l != '')

hexcolor += hexar.reverse().join('')

}//alert(hexcolor)

return hexcolor

}/*16進製制顏色轉為rgb格式 

*直接定義在string.prototype屬性上

*/string.prototype.colorrgb = function()

scolor = scolornew

}//處理六位的顏色值

var scolorchange =

for (var i = 1; i < 7; i += 2)

return 'rgb(' + scolorchange.join(', ') + ')'

} else

}export

關於RGB顏色與十六進製制顏色

先來感受一下兩種顏色值的大致形狀 簡單來說,兩種顏色值的最本質區別是rgb是用十進位制表示的,而十六進製制當然是用十六進製制表示的。所以兩者的轉換實際上就是十六進製制與十進位制之間的轉換。先來看一下基本的對映關係 十進位制十六進製制00 1122 33 9910a 11b12c 13d14e 15f...

RGB顏色與HEX十六進製制顏色的換算

align center size large rgb顏色與hex十六進製制顏色的換算 size align b 1.1換算 b 如上述。b 1.2換算方法 b 通過上述 可發現rgb中的0對應hex的00,1對應01 9對應09,10則對應0a,11對應0b 15對應0f,16對應了10。總共17...

十六進製制顏色表

用十六進製制 配色表 1 白色 ffffff 2 紅色 ff0000 3 綠色 00ff00 4 藍色 0000ff 5 牡丹紅 ff00ff 6 青色 00ffff 7 黃色 ffff00 8 黑色 000000 9 海藍 70db93 10 巧克力色 5c3317 11 藍紫色 9f5f9f 1...