2016-03-25 11 views
1

今、私は 'クリア'という名前の色を含むオブジェクトを取得します。私はそれをRGB値に設定したいのですが、それを行うために関数を使用しましたが、それは私に 'rgb(51,51,51)'を返す一方、角度のあるchormeチャートでは '#3366cc'に解決します。他のjsライブラリを使ってrgbの値を取得しますか? -色を「クリア」する方法はRGBまたはHEXですか?


function(){ 
    var div = document.createElement('div'); 
    var rgbColor; 
    div.style.color = 'Clear'; 
    document.body.appendChild(div); 
    rgbColor = window.getComputedStyle(div).color 
    div.remove(); 
    return rgbColor; 
} 
+0

http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb – Sagi

答えて

0
function componentToHex(c) { 
    var hex = c.toString(16); 
    return hex.length == 1 ? "0" + hex : hex; 
} 

function rgbToHex(r, g, b) { 
    return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b); 
} 

function getColor(){ 
    var r = 0; 
    var g = 0; 
    var b = 0; 
    var rgbColor; 
    var div = document.createElement('div'); 

    div.style.color = 'Clear'; 
    document.body.appendChild(div); 
    rgbColor = window.getComputedStyle(div).color 
    var matches = div.style.color.match(/^rgb\((\d+), (\d+), (\d+)\)$/); 

    if (matches) { 
     r = parseInt(matches[1]); 
     g = parseInt(matches[2]); 
     b = parseInt(matches[3]); 
    } 
    div.remove(); 
    return rgbToHex(r, g, b); 
} 
関連する問題