RBG转16进制

本是古典何须时尚 2022-06-10 01:20 181阅读 0赞

<html>

<head>

> > <title>颜色转换</title>
> 
> > <script language="JavaScript">

> > > function showRGB(f) \{
> 
> > > red = f.red.value;
> 
> > > green = f.green.value;
> 
> > > blue = f.blue.value;
> 
> > > var hexarray= new Array(256);
> 
> > > hexarray\[0\]="00"; hexarray\[1\]="01"; hexarray\[2\]="02";
> 
> > > hexarray\[3\]="03"; hexarray\[4\]="04"; hexarray\[5\]="05";
> 
> > > hexarray\[6\]="06"; hexarray\[7\]="07"; hexarray\[8\]="08";
> 
> > > hexarray\[9\]="09"; hexarray\[10\]="0A"; hexarray\[11\]="0B"; 
> 
> > > hexarray\[12\]="0C"; hexarray\[13\]="0D"; hexarray\[14\]="0E";
> 
> > > hexarray\[15\]="0F"; hexarray\[16\]="10"; hexarray\[17\]="11";
> 
> > > hexarray\[18\]="12"; hexarray\[19\]="13"; hexarray\[20\]="14";
> 
> > > hexarray\[21\]="15"; hexarray\[22\]="16"; hexarray\[23\]="17";
> 
> > > hexarray\[24\]="18"; hexarray\[25\]="19"; hexarray\[26\]="1A";
> 
> > > hexarray\[27\]="1B"; hexarray\[28\]="1C"; hexarray\[29\]="1D";
> 
> > > hexarray\[30\]="1E"; hexarray\[31\]="1F"; hexarray\[32\]="20";
> 
> > > hexarray\[33\]="21"; hexarray\[34\]="22"; hexarray\[35\]="23";
> 
> > > hexarray\[36\]="24"; hexarray\[37\]="25"; hexarray\[38\]="26";
> 
> > > hexarray\[39\]="27"; hexarray\[40\]="28"; hexarray\[41\]="29"; 
> 
> > > hexarray\[42\]="2A"; hexarray\[43\]="2B"; hexarray\[44\]="2C";
> 
> > > hexarray\[45\]="2D"; hexarray\[46\]="2E"; hexarray\[47\]="2F";
> 
> > > hexarray\[48\]="30"; hexarray\[49\]="31"; hexarray\[50\]="32";
> 
> > > hexarray\[51\]="33"; hexarray\[52\]="34"; hexarray\[53\]="35";
> 
> > > hexarray\[54\]="36"; hexarray\[55\]="37"; hexarray\[56\]="38";
> 
> > > hexarray\[57\]="39"; hexarray\[58\]="3A"; hexarray\[59\]="3B";
> 
> > > hexarray\[60\]="3C"; hexarray\[61\]="3D"; hexarray\[62\]="3E";
> 
> > > hexarray\[63\]="3F"; hexarray\[64\]="40"; hexarray\[65\]="41";
> 
> > > hexarray\[66\]="42"; hexarray\[67\]="43"; hexarray\[68\]="44";
> 
> > > hexarray\[69\]="45"; hexarray\[70\]="46"; hexarray\[71\]="47";
> 
> > > hexarray\[72\]="48"; hexarray\[73\]="49"; hexarray\[74\]="4A";
> 
> > > hexarray\[75\]="4B"; hexarray\[76\]="4C"; hexarray\[77\]="4D";
> 
> > > hexarray\[78\]="4E"; hexarray\[79\]="4F"; hexarray\[80\]="50";
> 
> > > hexarray\[81\]="51"; hexarray\[82\]="52"; hexarray\[83\]="53";
> 
> > > hexarray\[84\]="54"; hexarray\[85\]="55"; hexarray\[86\]="56";
> 
> > > hexarray\[87\]="57"; hexarray\[88\]="58"; hexarray\[89\]="59";
> 
> > > hexarray\[90\]="5A"; hexarray\[91\]="5B"; hexarray\[92\]="5C";
> 
> > > hexarray\[93\]="5D"; hexarray\[94\]="5E"; hexarray\[95\]="6F";
> 
> > > hexarray\[96\]="60"; hexarray\[97\]="61"; hexarray\[98\]="62";
> 
> > > hexarray\[99\]="63"; hexarray\[100\]="64"; hexarray\[101\]="65"
> 
> > > hexarray\[102\]="66"; hexarray\[103\]="67"; hexarray\[104\]="68";
> 
> > > hexarray\[105\]="69"; hexarray\[106\]="6A"; hexarray\[107\]="6B";
> 
> > > hexarray\[108\]="6C"; hexarray\[109\]="6D"; hexarray\[110\]="6E";
> 
> > > hexarray\[111\]="6F"; hexarray\[112\]="70"; hexarray\[113\]="71";
> 
> > > hexarray\[114\]="72"; hexarray\[115\]="73"; hexarray\[116\]="74";
> 
> > > hexarray\[117\]="75"; hexarray\[118\]="76"; hexarray\[119\]="77";
> 
> > > hexarray\[120\]="78"; hexarray\[121\]="79"; hexarray\[122\]="7A";
> 
> > > hexarray\[123\]="7B"; hexarray\[124\]="7C"; hexarray\[125\]="7D";
> 
> > > hexarray\[126\]="7E"; hexarray\[127\]="7F"; hexarray\[128\]="80";
> 
> > > hexarray\[129\]="81"; hexarray\[130\]="82"; hexarray\[131\]="83";
> 
> > > hexarray\[132\]="84"; hexarray\[133\]="85"; hexarray\[134\]="86";
> 
> > > hexarray\[135\]="87"; hexarray\[136\]="88"; hexarray\[137\]="89";
> 
> > > hexarray\[138\]="8A"; hexarray\[139\]="8B"; hexarray\[140\]="8C";
> 
> > > hexarray\[141\]="8D"; hexarray\[142\]="8E"; hexarray\[143\]="8F";
> 
> > > hexarray\[144\]="90"; hexarray\[145\]="91"; hexarray\[146\]="92"; 
> 
> > > hexarray\[147\]="93"; hexarray\[148\]="94"; hexarray\[149\]="95";
> 
> > > hexarray\[150\]="96"; hexarray\[151\]="97"; hexarray\[152\]="98";
> 
> > > hexarray\[153\]="99"; hexarray\[154\]="9A"; hexarray\[155\]="9B";
> 
> > > hexarray\[156\]="9C"; hexarray\[157\]="9D"; hexarray\[158\]="9E";
> 
> > > hexarray\[159\]="9F"; hexarray\[160\]="A0"; hexarray\[161\]="A1";
> 
> > > hexarray\[162\]="A2"; hexarray\[163\]="A3"; hexarray\[164\]="A4";
> 
> > > hexarray\[165\]="A5"; hexarray\[166\]="A6"; hexarray\[167\]="A7";
> 
> > > hexarray\[168\]="A8"; hexarray\[169\]="A9"; hexarray\[170\]="AA";
> 
> > > hexarray\[171\]="AB"; hexarray\[172\]="AC"; hexarray\[173\]="AD";
> 
> > > hexarray\[174\]="AE"; hexarray\[175\]="AF"; hexarray\[176\]="B0";
> 
> > > hexarray\[177\]="B1"; hexarray\[178\]="B2"; hexarray\[179\]="B3";
> 
> > > hexarray\[180\]="B4"; hexarray\[181\]="B5"; hexarray\[182\]="B6";
> 
> > > hexarray\[183\]="B7"; hexarray\[184\]="B8"; hexarray\[185\]="B9";
> 
> > > hexarray\[186\]="BA"; hexarray\[187\]="BB"; hexarray\[188\]="BC";
> 
> > > hexarray\[189\]="BD"; hexarray\[190\]="BE"; hexarray\[191\]="BF";
> 
> > > hexarray\[192\]="C0"; hexarray\[193\]="C1"; hexarray\[194\]="C2";
> 
> > > hexarray\[195\]="C3"; hexarray\[196\]="C4"; hexarray\[197\]="C5";
> 
> > > hexarray\[198\]="C6"; hexarray\[199\]="C7"; hexarray\[200\]="C8";
> 
> > > hexarray\[201\]="C9"; hexarray\[202\]="CA"; hexarray\[203\]="CB";
> 
> > > hexarray\[204\]="CC"; hexarray\[205\]="CD"; hexarray\[206\]="CE";
> 
> > > hexarray\[207\]="CF"; hexarray\[208\]="D0"; hexarray\[209\]="D1";
> 
> > > hexarray\[210\]="D2"; hexarray\[211\]="D3"; hexarray\[212\]="D4";
> 
> > > hexarray\[213\]="D5"; hexarray\[214\]="D6"; hexarray\[215\]="D7";
> 
> > > hexarray\[216\]="D8"; hexarray\[217\]="D9"; hexarray\[218\]="DA";
> 
> > > hexarray\[219\]="DB"; hexarray\[220\]="DC"; hexarray\[221\]="DD";
> 
> > > hexarray\[222\]="DE"; hexarray\[223\]="DF"; hexarray\[224\]="E0";
> 
> > > hexarray\[225\]="E1"; hexarray\[226\]="E2"; hexarray\[227\]="E3";
> 
> > > hexarray\[228\]="E4"; hexarray\[229\]="E5"; hexarray\[230\]="E6";
> 
> > > hexarray\[231\]="E7"; hexarray\[232\]="E8"; hexarray\[233\]="E9";
> 
> > > hexarray\[234\]="EA"; hexarray\[235\]="EB"; hexarray\[236\]="EC";
> 
> > > hexarray\[237\]="ED"; hexarray\[238\]="EE"; hexarray\[239\]="EF";
> 
> > > hexarray\[240\]="F0"; hexarray\[241\]="F1"; hexarray\[242\]="F2";
> 
> > > hexarray\[243\]="F3"; hexarray\[244\]="F4"; hexarray\[245\]="F5";
> 
> > > hexarray\[246\]="F6"; hexarray\[247\]="F7"; hexarray\[248\]="F8";
> 
> > > hexarray\[249\]="F9"; hexarray\[250\]="FA"; hexarray\[251\]="FB";
> 
> > > hexarray\[252\]="FC"; hexarray\[253\]="FD"; hexarray\[254\]="FE"; 
> 
> > > hexarray\[255\]="FF";
> 
> > > hexcode = "\#" + hexarray\[red\] + hexarray\[green\] + hexarray\[blue\];
> 
> > > document.bgColor = f.hexval.value = hexcode;

> > \}
> 
> > </script>
> 
> </head>
> 
> <body bgcolor="\#15B9FF">

> > > <center><font color="red" face="隶书" size="6">RGB颜色转换</font></center>
> 
> > > <br>
> 
> > > <center>
> 
> > > <table border="5" bordercolor="black" borderlight="green">
> 
> > > <tr><td width="330" height="100" align="center"><form name="rgbform">
> 
> > > <b>请输入RGB颜色值(0 to 255)</b><br>
> 
> > > Red:   <input type="text" name="red" size="4"><br>
> 
> > > Green: <input type="text" name="green" size="4"><br>
> 
> > > Blue:  <input type="text" name="blue" size="4"><br>
> 
> > > <input type="button" value="Show Hex \#" οnclick="showRGB(this.form)"> 
> 
> > > Hex code:  <input type="text" name="hexval" size="7">
> 
> > > </form></td></tr>
> 
> > > </tbody></table></center><br><br>

</body>

</html>