RGB到十六進制轉換JavaScript

Question

我做了一個十六進制到RGB轉換的JSFiddle，但我想知道怎樣才能做到另一種方式（RGB到十六進制）。

$('#hex').bind('blur keydown', function (event) { 
    setTimeout(function() { 
    var rgb = [], 
     broken = false, 
     value = $("#hex").val(), 
     hex = (value+'').replace(/#/, ''); 

    if (value.length === 1 && value !== '#') { 
     $("#hex").val(value); 
    } 

    if (hex.length == 3) hex = hex + hex; 
    for (var i = 0; i < 6; i+=2) { 
     rgb.push(parseInt(hex.substr(i,2),16)); 
     broken = broken || rgb[rgb.length - 1].toString() === 'NaN'; 
    } 

    $('#rgb').val(broken ? '' : 'rgb(' + rgb.join(',') + ')'); 
    }, 13); 
}); 

'#hex'和'#rgb'只是輸入：

<input type="text" id="hex" placeholder="hex"> 
<input type="text" id="rgb" placeholder="rgb"> 

Here's the JSFiddle.

我也想知道爲什麼，如果我是用false更換broken，我得到一個錯誤。你知道爲什麼我不能刪除var broken = false，只需要替換爲false？

Answer 1

這裏是將RGB轉換爲十六進制代碼：

$(function(){ 
    var $hex = $('#hex'); 
    $('#rgb').on('keyup blur', function() { 
    var value = this.value, 
     rgb, 
     hex = '', 
     component, 
     i; 
    try { 
     if(value && value.indexOf('rgb(') === 0 && value[value.length-1] === ')') { 
     rgb = value.slice(4,-1).split(','); 
     if(rgb.length === 3) { 
      for(i=0;i<3;i++) { 
      if(rgb[i] <= 0xFF) { 
       component = parseInt(rgb[i],10); 
       if(isNaN(component)) { 
       throw new SyntaxError(); 
       } 
       component = component.toString(16); 
       if(component.length === 1) { 
       component = '0'+component; 
       } 
       hex += component; 
      } else { 
       throw new RangeError(); 
      } 
      } 
      $hex.val('#'+hex); 
     } else { 
      throw new SyntaxError(); 
     } 
     } 
    } catch(e) { 
     $hex.val(''); 
    } 
    }); 
}); 

的這裏工作示例http://jsbin.com/amisen/3/edit