主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
js实现RGB颜色在线转换器
2016-10-20
网页编程网
网页编程网
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>RGB颜色转换</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --> </style> <SCRIPT> <!-- Begin 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; } // End --> </script> </head> <body> <center><font color=red face="隶书" size=6>RGB颜色转换</font></center> <br> <center> <table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr> <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 #" onClick="showRGB(this.form)"> Hex code: <input type=text name=hexval size=7> </form></td></tr> </table></center> </body> </html>
阅读原文
阅读
4682
123
显示电脑版