即時色碼對應表

前面已有示範跑出所有色碼組合的色碼表, 這裡示範的是即時將所輸入的色碼值, 進行數值的轉換, 將數值及碼顯示並且馬上將色碼值設定給背景色彩, 就可以馬上看到相關色彩 RGB 的組合狀況.

document.bgColor = "#16進制色碼值" (例如白色為 #FFFFFF)

色碼值 Red Green Blue
0 - 255
0-9/A-F
十進制值轉十六進制:
function NumToHex(num1,num2) {
  strNum=document.CT.elements[num1].value;
  base = strNum / 16;
  rem = strNum % 16;
  base = base - (rem / 16);
  baseS = MakeHex(base);
  remS = MakeHex(rem);
  document.CT.elements[num2].value=baseS + '' + remS;
  return true;
}
function MakeHex(x) {
  if((x >= 0) && (x <= 9)) { return x; }
  else {
    switch(x) {
      case 10: return "A"; 
      case 11: return "B";  
      case 12: return "C";  
      case 13: return "D";  
      case 14: return "E";  
      case 15: return "F";  
    }
  }
}

十六進制值轉十進制:

function HexToNum(num1,num2) {
  numberS = document.CT.elements[num1].value;
  tens = MakeNum(numberS.substring(0,1));
  ones = 0;
  if(numberS.length > 1) ones=MakeNum(numberS.substring(1,2));
  document.CT.elements[num2].value = (tens * 16) + (ones * 1);
  document.CT.elements[num1].value = document.CT.elements[num1].value.toUpperCase();
  return true;
}
function MakeNum(str) {
  if((str >= 0) && (str <= 9)) { return str; }
  switch(str.toUpperCase()) {
    case "A": return 10;
    case "B": return 11;
    case "C": return 12;
    case "D": return 13;
    case "E": return 14;
    case "F": return 15;
  }
}

小恐龍工作坊