RGB-Hex Converter:

Code:

Place in the <HEAD>:

function substr (str, start, len) {
    return str.substring(start, start+len);
}

function toHex (num,given) {
    var sixteens = 0;
    var ones = 0;

if ( !num ) { 
        num = 0; 
    }

if (num > 255) {
        num %= 256;
        document.htmlcode[given].value = num;
    }

ones = num % 16;
    num = ( num - ones ) / 16;

sixteens = hexOrder[num];
    ones = hexOrder[ones];

return sixteens + ones;
}

function toDecimal ( hexIn ) {

var len = hexIn.length;
    var hexChars = '0123456789ABCDEF';
    var result = 0;

var j = 0;
    var l = len;
    var rev = '';

for (var i = 0; i < len; i++) {
        rev = hexIn.substring(i, i+1) + rev;
    }

for (var i = 0; i < len; i++) {
        var ind = rev.substring(i, i+1);
        var x = hexChars.indexOf( ind );
        if (i > 0) {
            for (var j = 0; j < i; j++) {
                x *= 16;
            }
        }
        result += x;
    }
    return result;
}

function combine() {

document.htmlcode.hex.value = bgclr();

document.bgColor = document.htmlcode.hex.value
 
}

function bgclr () {

var R = document.htmlcode.red.value;
    var G = document.htmlcode.green.value;
    var B = document.htmlcode.blue.value;

if (!R) { R = '255'; }
    if (!G) { G = '255'; }
    if (!B) { B = '255'; }

var clr = '#' +
        toHex(R, 'red') + 
        toHex(G, 'green') + 
        toHex(B, 'blue');

return clr;
}

function changeDec ( from ) {
    var to = from.substring( 1 );
    if (document.htmlcode[to]) {
        document.htmlcode[to].value = toDecimal( document.htmlcode[from].value);
    }
}

function changeHex ( from ) {
    var to = 'H' + from;
    if (document.htmlcode[to]) {
        document.htmlcode[to].value = toHex( document.htmlcode[from].value, from );
    }
}

function newObj (obj, n) {
    window[n] = new Object( obj );

}
//-->
</script>

</head>

Place in the <BODY>:

Highlight

<form method="POST" name="htmlcode">
<div>
<table border="0" cellpadding="3" cellspacing="2">       
	
		<tr>
          <td>
          </td>
          <td align="center">
            <font size="2" face="Verdana, Arial" color="ff0000"><b>RED</b></font>
          </td>
          <td align="center">
            <font size="2" face="Verdana, Arial" color="00ff00"><b>GREEN</b></font>
          </td>
          <td align="center">
            <font size="2" face="Verdana, Arial" color="0000ff"><b>BLUE</b></font>
          </td>
        </tr>
		
        <tr>
          <td>
            <font size="2" face="Verdana, Arial"><b>Decimal:</b></font>
          </td>
          <td align="center">
            <input type="text" name="red" size="4" maxlength="3" onChange="changeHex('red'); combine()">
          </td>
          <td align="center">
            <input type="text" name="green" size="4" maxlength="3" onChange="changeHex('green'); combine()">
          </td>
          <td align="center">
            <input type="text" name="blue" size="4" maxlength="3" onChange="changeHex('blue'); combine()">
          </td>
        </tr>

<tr>
          <td>
            <font color="#000000" size="2" face="Verdana, Arial"><b>Hex:</b></font>
          </td>
          <td align="center">
            <input type="text" name="Hred" size="4" maxlength="2" onChange="changeDec('Hred'); combine()">
          </td>
          <td align="center">
            <input type="text" name="Hgreen" size="4" maxlength="2" onChange="changeDec('Hgreen'); combine()">
          </td>
          <td align="center">
            <input type="text" name="Hblue" size="4" maxlength="2" onChange="changeDec('Hblue'); combine()">
          </td>
        </tr>
         <tr><td><input type="button" onClick="combine()" value="Convert!" name="B1"></td></tr>
		  <tr>
          <td colspan="4" align="left">
            <font size="2" face="Verdana, Arial"><b>RGB-Hex Combo:</b></font>
            <input type="text" name="hex" onFocus="this.select()" size="9" maxlength="7">
          </td>
        </tr>

</table></div>
<frame name="lower">
</form>

	RED	GREEN	BLUE
Decimal:
Hex:

RGB-Hex Combo: