欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式 AJAX相关 黑客相关 相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘 数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统 注册表 BIOS 系统安装 系统进程 Fireworks教程
您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

js实现的网页颜色代码表全集

发布时间：2007-07-17　作者：　来源：转载
标签： 雪佛兰 通用 奢华 劳斯莱斯 旗舰版 64位 收藏夹 解调器
网页颜色代码全集TD{FONT-SIZE:10.8pt}BODY{FONT-SIZE:10.8pt}BUTTON{WIDTH:5em}varSelRGB='';varDrRGB='';varSelGRAY='120';varhexch=newArray('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');fu

网页颜色代码全集


TD{
FONT-SIZE:10.8pt
}
BODY{
FONT-SIZE:10.8pt
}
BUTTON{
WIDTH:5em
}


varSelRGB='';
varDrRGB='';
varSelGRAY='120';

varhexch=newArray('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');

functionToHex(n)
{varh,l;

n=Math.round(n);
l=n%16;
h=Math.floor((n/16))%16;
return(hexch[h]+hexch[l]);
}

functionDoColor(c,l)
{varr,g,b;

r='0x'+c.substring(1,3);
g='0x'+c.substring(3,5);
b='0x'+c.substring(5,7);

if(l>120)
{
l=l-120;

r=(r*(120-l)+255*l)/120;
g=(g*(120-l)+255*l)/120;
b=(b*(120-l)+255*l)/120;
}else
{
r=(r*l)/120;
g=(g*l)/120;
b=(b*l)/120;
}

return'#'+ToHex(r)+ToHex(g)+ToHex(b);
}

functionEndColor()
{vari;

if(DrRGB!=SelRGB)
{
DrRGB=SelRGB;
for(i=0;i<=30;i++)
GrayTable.rows(i).bgColor=DoColor(SelRGB,240-i*8);
}

SelColor.value=DoColor(RGB.innerText,GRAY.innerText);
ShowColor.bgColor=SelColor.value;
}


SelRGB=event.srcElement.bgColor;
EndColor();


RGB.innerText=event.srcElement.bgColor;
EndColor();


RGB.innerText=SelRGB;
EndColor();


SelGRAY=event.srcElement.title;
EndColor();


GRAY.innerText=event.srcElement.title;
EndColor();


GRAY.innerText=SelGRAY;
EndColor();


window.returnValue=SelColor.value;
window.close();





找字网网页颜色代
码选择器



border=0>


name=select1>红蓝




颜色值





width=40border=0>


bgColor=#ffffff>


border=0>
functionhexit(which)
hexit=hex(which)
endfunction


for(i=0;i<=15;++i)
{document.write(''+hexit(0+i*17)+'width="15"height="15"onclick="changeright(this.num)"onmouseover="showcolor(this)">')
document.all['tdleft'+i].num=i
}



border=0>

document.write('')
for(i=0;i<=15;++i)
{document.write(''+hexit(0+i*17)+'')}
document.write('')

for(i=0;i<=15;++i)
{document.write('')
document.write(''+hexit(0+i*17)+'')
for(j=0;j<=15;++j)
{document.write('height="15"onmouseover="showcolor(this)"onclick="clickright(this)">')}
document.write('')
}



height=20>·可选16*16*16种颜色。
·单击左边的颜色会得到更多的颜色。
·单击右边的颜色会固定选取的颜色。

·输入框可以自定义颜色。

functionselectchg(which)
{switch(which)
{case'1':leftR();break;
case'2':leftG();break;
case'3':leftB();break;
case'4':leftA();break;
}
}
functionleftR()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+(0+i*17)+',0,0)'}
rightR(0)
}
functionleftG()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,'+(0+i*17)+',0)'}
rightG(0)
}
functionleftB()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,0,'+(0+i*17)+')'}
rightB(0)
}
functionleftA()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+(0+i*17)+','+(0+i*17)+','+(0+i*17)+')'}
rightA()
}
functionrightR(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+which*17)+','+(0+i*17)+','+(0+j*17)+')'}
}
}
functionrightG(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*17)+','+(0+which*17)+','+(0+j*17)+')'}
}
}
functionrightB(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*17)+','+(0+j*17)+','+(0+which*17)+')'}
}
}
functionrightA()
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*16+j)+','+(0+i*16+j)+','+(0+i*16+j)+')'}
}
}
varrightclicked=false
functionclickright(which)
{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}
}
functionchangeright(which)
{switch(select1.value)
{case'1':rightR(which);break;
case'2':rightG(which);break;
case'3':rightB(which);break;
}
}
functionshowcolor(which)
{if(rightclicked)return;
text1.value=which.bgColor
choosecolor()
}
functionchoosecolor()
{customcolor.bgColor=text1.value
}







网页颜色代码对照表








#FFFFFF

#FFFFF0

#FFFFE0

#FFFF00


#FFFAFA

#FFFAF0

#FFFACD

#FFF8DC


#FFF68F

#FFF5EE

#FFF0F5

#FFEFDB


#FFEFD5

#FFEC8B

#FFEBCD

#FFE7BA


#FFE4E1

#FFE4C4

#FFE4B5

#FFE1FF


#FFDEAD

#FFDAB9

#FFD700

#FFD39B


#FFC1C1

#FFC125

#FFC0CB

#FFBBFF


#FFB90F

#FFB6C1

#FFB5C5

#FFAEB9


#FFA54F

#FFA500

#FFA07A

#FF8C69


#FF8C00

#FF83FA

#FF82AB

#FF8247


#FF7F50

#FF7F24

#FF7F00

#FF7256


#FF6EB4

#FF6A6A

#FF69B4

#FF6347


#FF4500

#FF4040

#FF3E96

#FF34B3


#FF3030

#FF1493

#FF00FF

#FF0000


#FDF5E6

#FCFCFC

#FAFAFA

#FAFAD2


#FAF0E6

#FAEBD7

#FA8072

#F8F8FF


#F7F7F7

#F5FFFA

#F5F5F5

#F5F5DC


#F5DEB3

#F4F4F4

#F4A460

#F2F2F2


#F0FFFF

#F0FFF0

#F0F8FF

#F0F0F0


#F0E68C

#F08080

#EEEEE0

#EEEED1


#EEEE00

#EEE9E9

#EEE9BF

#EEE8CD


#EEE8AA

#EEE685

#EEE5DE

#EEE0E5


#EEDFCC

#EEDC82

#EED8AE

#EED5D2


#EED5B7

#EED2EE

#EECFA1

#EECBAD


#EEC900

#EEC591

#EEB4B4

#EEB422


#EEAEEE

#EEAD0E

#EEA9B8

#EEA2AD


#EE9A49

#EE9A00

#EE9572

#EE82EE


#EE8262

#EE7AE9

#EE799F

#EE7942


#EE7621

#EE7600

#EE6AA7

#EE6A50


#EE6363

#EE5C42

#EE4000

#EE3B3B


#EE3A8C

#EE30A7

#EE2C2C

#EE1289


#EE00EE

#EE0000

#EDEDED

#EBEBEB


#EAEAEA

#E9967A

#E8E8E8

#E6E6FA


#E5E5E5

#E3E3E3

#E0FFFF

#E0EEEE


#E0EEE0

#E0E0E0

#E066FF

#DEDEDE


#DEB887

#DDA0DD

#DCDCDC

#DC143C


#DBDBDB

#DB7093

#DAA520

#DA70D6


#D9D9D9

#D8BFD8

#D6D6D6

#D4D4D4


#D3D3D3

#D2B48C

#D2691E

#D1EEEE


#D1D1D1

#D15FEE

#D02090

#CFCFCF


#CDCDC1

#CDCDB4

#CDCD00

#CDC9C9


#CDC9A5

#CDC8B1

#CDC673

#CDC5BF


#CDC1C5

#CDC0B0

#CDBE70

#CDBA96


#CDB7B5

#CDB79E

#CDB5CD

#CDB38B


#CDAF95

#CDAD00

#CDAA7D

#CD9B9B


#CD9B1D

#CD96CD

#CD950C

#CD919E


#CD8C95

#CD853F

#CD8500

#CD8162


#CD7054

#CD69C9

#CD6889

#CD6839


#CD661D

#CD6600

#CD6090

#CD5C5C


#CD5B45

#CD5555

#CD4F39

#CD3700


#CD3333

#CD3278

#CD2990

#CD2626


#CD1076

#CD00CD

#CD0000

#CCCCCC


#CAFF70

#CAE1FF

#C9C9C9

#C7C7C7


#C71585

#C6E2FF

#C67171

#C5C1AA


#C4C4C4

#C2C2C2

#C1FFC1

#C1CDCD


#C1CDC1

#C1C1C1

#C0FF3E

#BFEFFF


#BFBFBF

#BF3EFF

#BEBEBE

#BDBDBD


#BDB76B

#BCEE68

#BCD2EE

#BC8F8F


#BBFFFF

#BABABA

#BA55D3

#B9D3EE


#B8B8B8

#B8860B

#B7B7B7

#B5B5B5


#B4EEB4

#B4CDCD

#B452CD

#B3EE3A


#B3B3B3

#B2DFEE

#B23AEE

#B22222


#B0E2FF

#B0E0E6

#B0C4DE

#B0B0B0


#B03060

#AEEEEE

#ADFF2F

#ADD8E6


#ADADAD

#ABABAB

#AB82FF

#AAAAAA


#A9A9A9

#A8A8A8

#A6A6A6

#A52A2A


#A4D3EE

#A3A3A3

#A2CD5A

#A2B5CD


#A1A1A1

#A0522D

#A020F0

#9FB6CD


#9F79EE

#9E9E9E

#9C9C9C

#9BCD9B


#9B30FF

#9AFF9A

#9ACD32

#9AC0CD


#9A32CD

#999999

#9932CC

#98FB98


#98F5FF

#97FFFF

#96CDCD

#969696


#949494

#9400D3

#9370DB

#919191


#912CEE

#90EE90

#8FBC8F

#8F8F8F


#8EE5EE

#8E8E8E

#8E8E38

#8E388E


#8DEEEE

#8DB6CD

#8C8C8C

#8B8B83


#8B8B7A

#8B8B00

#8B8989

#8B8970


#8B8878

#8B8682

#8B864E

#8B8386


#8B8378

#8B814C

#8B7E66

#8B7D7B


#8B7D6B

#8B7B8B

#8B795E

#8B7765


#8B7500

#8B7355

#8B6969

#8B6914


#8B668B

#8B6508

#8B636C

#8B5F65


#8B5A2B

#8B5A00

#8B5742

#8B4C39


#8B4789

#8B475D

#8B4726

#8B4513


#8B4500

#8B3E2F

#8B3A62

#8B3A3A


#8B3626

#8B2500

#8B2323

#8B2252


#8B1C62

#8B1A1A

#8B0A50

#8B008B


#8B0000

#8A8A8A

#8A2BE2

#8968CD


#87CEFF

#87CEFA

#87CEEB

#878787


#858585

#848484

#8470FF

#838B8B


#838B83

#836FFF

#828282

#7FFFD4


#7FFF00

#7F7F7F

#7EC0EE

#7D9EC0


#7D7D7D

#7D26CD

#7CFC00

#7CCD7C


#7B68EE

#7AC5CD

#7A8B8B

#7A7A7A


#7A67EE

#7A378B

#79CDCD

#787878


#778899

#76EEC6

#76EE00

#757575


#737373

#71C671

#7171C6

#708090


#707070

#6E8B3D

#6E7B8B

#6E6E6E


#6CA6CD

#6C7B8B

#6B8E23

#6B6B6B


#6A5ACD

#698B69

#698B22

#696969


#6959CD

#68838B

#68228B

#66CDAA


#66CD00

#668B8B

#666666

#6495ED


#63B8FF

#636363

#616161

#607B8B


#5F9EA0

#5E5E5E

#5D478B

#5CACEE


#5C5C5C

#5B5B5B

#595959

#575757


#556B2F

#555555

#551A8B

#54FF9F


#548B54

#545454

#53868B

#528B8B


#525252

#515151

#4F94CD

#4F4F4F


#4EEE94

#4D4D4D

#4B0082

#4A708B


#4A4A4A

#48D1CC

#4876FF

#483D8B


#474747

#473C8B

#4682B4

#458B74


#458B00

#454545

#43CD80

#436EEE


#424242

#4169E1

#40E0D0

#404040


#3D3D3D

#3CB371

#3B3B3B

#3A5FCD


#388E8E

#383838

#36648B

#363636


#333333

#32CD32

#303030

#2F4F4F


#2E8B57

#2E2E2E

#2B2B2B

#292929


#282828

#27408B

#262626

#242424


#228B22

#218868

#212121

#20B2AA


#1F1F1F

#1E90FF

#1E1E1E

#1C86EE


#1C1C1C

#1A1A1A

#191970

#1874CD


#171717

#141414

#121212

#104E8B


#0F0F0F

#0D0D0D

#0A0A0A

#080808


#050505

#030303

#00FFFF

#00FF7F


#00FF00

#00FA9A

#00F5FF

#00EEEE


#00EE76

#00EE00

#00E5EE

#00CED1


#00CDCD

#00CD66

#00CD00

#00C5CD


#00BFFF

#00B2EE

#009ACD

#008B8B


#008B45

#008B00

#00868B

#00688B


#006400

#0000FF

#0000EE

#0000CD


#0000AA

#00008B

#000080

#000000

src="img/color1.htm"frameBorder=0width=760scrolling=no
height=954>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。


src="img/color2.htm"frameBorder=0width=641scrolling=no
height=573>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。


src="img/color3.htm"frameBorder=0width=960scrolling=no
height=4754>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。


src="img/color4.htm"frameBorder=0width=960scrolling=no
height=4930>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。



相关推荐

文章分类

表单特效 网页特效 广告代码 黑客性质 DOM node.js js其它 javascript技巧 基础知识 javascript类库

热门关键词

雪佛兰 通用 奢华 劳斯莱斯 旗舰版 64位 收藏夹 解调器 网卡 网线 分辨率 家电 4k 显示器 header USER_AGENT 色彩 图形 商业 生成

热门文章

最新更新

网站首页 　|　关于我们 　|　免责声明 　|　广告合作 　|　联系我们
Copyright @ 2015-2025 福编程 fuphp All Rights Reserved.
豫ICP备15036959号-4