<script language=”JavaScript”>
<!– Hide script from Non-JavaScript Browsers
/* Script by CompuH@cker
compuhacker@geocities.com
http://www.geocities.com/SiliconValley/Vista/8435
*/
function GiveDec(Hex)
{
if(Hex == “A”)
Value = 10;
else
if(Hex == “B”)
Value = 11;
else
if(Hex == “C”)
Value = 12;
else
if(Hex == “D”)
Value = 13;
else
if(Hex == “E”)
Value = 14;
else
if(Hex == “F”)
Value = 15;
else
Value = eval(Hex);

return Value;
}

function GiveHex(Dec)
{
if(Dec == 10)
Value = “A”;
else
if(Dec == 11)
Value = “B”;
else
if(Dec == 12)
Value = “C”;
else
if(Dec == 13)
Value = “D”;
else
if(Dec == 14)
Value = “E”;
else
if(Dec == 15)
Value = “F”;
else
Value = “” + Dec;

return Value;
}

function HexToDec()
{
Input = window.document.forms['ColorForm'].elements['HexInput'].value;

Input = Input.toUpperCase();

a = GiveDec(Input.substring(0, 1));
b = GiveDec(Input.substring(1, 2));
c = GiveDec(Input.substring(2, 3));
d = GiveDec(Input.substring(3, 4));
e = GiveDec(Input.substring(4, 5));
f = GiveDec(Input.substring(5, 6));

x = (a * 16) + b;
y = (c * 16) + d;
z = (e * 16) + f;

window.document.forms['ColorForm'].elements['RedOutput'].value = x;
window.document.forms['ColorForm'].elements['GreenOutput'].value = y;
window.document.forms['ColorForm'].elements['BlueOutput'].value = z;
window.document.bgColor = Input;
}

function DecToHex()
{
Red = window.document.forms['ColorForm'].elements['RedInput'].value;
Green = window.document.forms['ColorForm'].elements['GreenInput'].value;
Blue = window.document.forms['ColorForm'].elements['BlueInput'].value;

a = GiveHex(Math.floor(Red / 16));
b = GiveHex(Red % 16);
c = GiveHex(Math.floor(Green / 16));
d = GiveHex(Green % 16);
e = GiveHex(Math.floor(Blue / 16));
f = GiveHex(Blue % 16);

z = a + b + c + d + e + f;

window.document.forms['ColorForm'].elements['HexOutput'].value = z;
window.document.bgColor = z;
}
// –>
</script>
<table WIDTH=”90%”>
<form NAME=”ColorForm”>
<tr>
<th COLSPAN=”3″>Hex Code
<th COLSPAN=”3″>
<th>Red
<th>Green
<th>Blue
<tr>
<td COLSPAN=”3″><input TYPE=”Text” SIZE=”36″ NAME=”HexInput”>
<td COLSPAN=”3″><input TYPE=”Button” VALUE=”Hex -&gt; Dec” onClick=”HexToDec()”>
<td><input TYPE=”Text” SIZE=”10″ NAME=”RedOutput”>
<td><input TYPE=”Text” SIZE=”10″ NAME=”GreenOutput”>
<td><input TYPE=”Text” SIZE=”10″ NAME=”BlueOutput”>
<tr>
<td COLSPAN=”9″>
<hr>
<tr>
<th>Red
<th>Green
<th>Blue
<th COLSPAN=”3″>
<th COLSPAN=”3″>Hex Code
<tr>
<td><input TYPE=”Text” SIZE=”10″ NAME=”RedInput”>
<td><input TYPE=”Text” SIZE=”10″ NAME=”GreenInput”>
<td><input TYPE=”Text” SIZE=”10″ NAME=”BlueInput”>
<td COLSPAN=”3″><input TYPE=”Button” VALUE=”Dec -&gt; Hex” onClick=”DecToHex()”>
<td COLSPAN=”3″><input TYPE=”Text” SIZE=”36″ NAME=”HexOutput”></td>
</FORM>
</table>