如何获取页面元素颜色的RGB值？

Question

try something like<script language="javascript">
function getRGB()
{
 try
 {
  mytext.style.color = mytext.value;
  mytext.select();  var r = document.selection.createRange();
  var sColor = r.queryCommandValue('ForeColor').toString(16);  var sRed, sGreen, sBlue;
  
  var sRed = sColor.substring(sColor.length-2);
  if (sRed.length < 2)
   sRed = "0" + sRed;  var sGreen = sColor.substring(sColor.length-4, sColor.length-2);
 
  if (sGreen == "")
    sGreen="00";
  var sBlue = sColor.substring(sColor.length-6,sColor.length-4);
  if (sBlue == "")
    sBlue = "00";  mytext.style.color= "";  alert("red:"+sRed+"\n"+ "green:" + sGreen + "\n" + "blue:" + sBlue);
  }
  catch(e)
  {
alert(e.description);
  }
 
}
</script>
enter a color<input type="text" id="mytext" style="color:red;" value="red"><input type="button" value="get rgb" onclick="getRGB()"><BR>

Answer 1

<table id=t></table>
<script language="javascript">
function getRGB()
{
  t.bgColor = mytext.value;
  alert(t.bgColor)
}
</script>
enter a color<input type="text" id="mytext" style="color:red;" value="seagreen"><input type="button" value="get rgb" onclick="getRGB()"><BR>

Answer 2

只有系统色盘等才需要用queryCommandValue
http://expert.csdn.net/Expert/topic/1305/1305488.xml<script language="javascript">
function getRGB()
{
 try
 {
  document.body.runtimeStyle.color = mytext.value;
  var rgb=(0x1000000+document.body.createTextRange().queryCommandValue("ForeColor")).toString(16);
  var bgColor="#" + rgb.slice(-2) + rgb.slice(-4,-2) + rgb.slice(-6,-4);
  alert("Color:"+bgColor);
  document.body.runtimeStyle.color="";
  }
  catch(e)
  {
alert(e.description);
  }
 
}
</script>
enter a color<input type="text" id="mytext" style="color:red;" value="buttonface"><input type="button" value="get rgb" onclick="getRGB()"><BR>

Answer 3

http://expert.csdn.net/Expert/TopicView1.asp?id=1305089