jquery＃color to rgba？

Question

是否有可能將顏色#ff0000轉換爲rgb？

所以轉換#ff0000到rgb(255,0,0);

我敢肯定這一定是可能的，我只是不知道怎麼辦。任何見解都會很棒！

Answer 1

你可以使用：

var s = "#ff0000"; 
var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/; 
var matches = patt.exec(s); 
var rgb = "rgb("+parseInt(matches[1], 16)+","+parseInt(matches[2], 16)+","+parseInt(matches[3], 16)+");"; 
alert(rgb); 

Answer 2

.css("background-color")將返回RGB http://api.jquery.com/css/

這裏是小提琴http://jsfiddle.net/3nigma/msRqv/1/

Answer 3

這個怎麼樣的算法？

http://www.javascripter.net/faq/hextorgb.htm

你甚至可以創建一個使用該算法jQuery插件。我認爲這將很酷。我不知道是否已經存在一個。

Answer 4

您必須從十六進制定義中分離所有三個組件，然後將它們轉換爲十進制。這工作：

​​

Answer 5

純粹與你有串的工作，你可以像這樣：

var color = '#FF5500'; 

首先，提取兩個十六進制數字的每種顏色：

var redHex = color.substring(1, 3); 
var greenHex = color.substring(3, 5); 
var blueHex = color.substring(5, 7); 

然後，將它們轉換爲十進制：

var redDec = parseInt(redHex, 16); 
var greenDec = parseInt(greenHex, 16); 
var blueDec = parseInt(blueHex, 16); 

最後，讓您的rgb()字符串作爲結果：

var colorRgb = 'rgb(' + redDec + ', ' + greenDec + ', ' + blueDec + ')'; 
console.log(colorRgb); 

，你會得到作爲輸出：

rgb(255, 85, 0) 

Answer 6

試試這個：

http://jsfiddle.net/AlienWebguy/AfVhs/1/