js实现的网页颜色代码表全集_javascript技巧
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<script> <BR>var SelRGB = ''; <BR>var DrRGB = ''; <BR>var SelGRAY = '120'; <br><br>var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); <br><br>function ToHex(n) <BR>{ var h, l; <br><br> n = Math.round(n); <BR> l = n % 16; <BR> h = Math.floor((n / 16)) % 16; <BR> return (hexch[h] + hexch[l]); <BR>} <br><br>function DoColor(c, l) <BR>{ var r, g, b; <br><br> r = '0x' + c.substring(1, 3); <BR> g = '0x' + c.substring(3, 5); <BR> b = '0x' + c.substring(5, 7); <br><br> if(l > 120) <BR> { <BR> l = l - 120; <br><br> r = (r * (120 - l) + 255 * l) / 120; <BR> g = (g * (120 - l) + 255 * l) / 120; <BR> b = (b * (120 - l) + 255 * l) / 120; <BR> }else <BR> { <BR> r = (r * l) / 120; <BR> g = (g * l) / 120; <BR> b = (b * l) / 120; <BR> } <br><br> return '#' + ToHex(r) + ToHex(g) + ToHex(b); <BR>} <br><br>function EndColor() <BR>{ var i; <br><br> if(DrRGB != SelRGB) <BR> { <BR> DrRGB = SelRGB; <BR> for(i = 0; i <= 30; i ++) <BR> GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); <BR> } <br><br> SelColor.value = DoColor(RGB.innerText, GRAY.innerText); <BR> ShowColor.bgColor = SelColor.value; <BR>} <BR></script>
<script> <BR> SelRGB = event.srcElement.bgColor; <BR> EndColor(); <BR></script>
<script> <BR> RGB.innerText = event.srcElement.bgColor; <BR> EndColor(); <BR></script>
<script> <BR> RGB.innerText = SelRGB; <BR> EndColor(); <BR></script>
<script> <BR> SelGRAY = event.srcElement.title; <BR> EndColor(); <BR></script>
<script> <BR> GRAY.innerText = event.srcElement.title; <BR> EndColor(); <BR></script>
<script> <BR> GRAY.innerText = SelGRAY; <BR> EndColor(); <BR></script>
<script> <BR> window.returnValue = SelColor.value; <BR> window.close(); <BR></script>
|
|||||
| | |
||||
| height=20>·可选16*16*16种颜色。 ·单击左边的颜色会得到更多的颜色。 ·单击右边的颜色会固定选取的颜色。 ·输入框可以自定义颜色。 |
<script> <BR>function selectchg(which) <BR>{switch(which) <BR> {case '1' :leftR();break; <BR> case '2' :leftG();break; <BR> case '3' :leftB();break; <BR> case '4' :leftA();break; <BR> } <BR>} <BR>function leftR() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} <BR> rightR(0) <BR>} <BR>function leftG() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} <BR> rightG(0) <BR>} <BR>function leftB() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} <BR> rightB(0) <BR>} <BR>function leftA() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} <BR> rightA() <BR>} <BR>function rightR(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} <BR> } <BR>} <BR>function rightG(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} <BR> } <BR>} <BR>function rightB(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} <BR> } <BR>} <BR>function rightA() <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} <BR> } <BR>} <BR>var rightclicked=false <BR>function clickright(which) <BR>{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} <BR>} <BR>function changeright(which) <BR>{switch(select1.value) <BR> {case '1' :rightR(which);break; <BR> case '2' :rightG(which);break; <BR> case '3' :rightB(which);break; <BR> } <BR>} <BR>function showcolor(which) <BR>{if(rightclicked)return; <BR> text1.value=which.bgColor <BR> choosecolor() <BR>} <BR>function choosecolor() <BR>{customcolor.bgColor=text1.value <BR>} <BR></script>
网页颜色代码对照表
| #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 | & |
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信条阴影：贝壳谜语解决方案
2 周前
By DDD
R.E.P.O.如果您听不到任何人，如何修复音频
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何在浏览器中优化JavaScript代码以进行性能？
Mar 18, 2025 pm 03:14 PM
本文讨论了在浏览器中优化JavaScript性能的策略，重点是减少执行时间并最大程度地减少对页面负载速度的影响。
如何使用浏览器开发人员工具有效调试JavaScript代码？
Mar 18, 2025 pm 03:16 PM
本文讨论了使用浏览器开发人员工具的有效JavaScript调试，专注于设置断点，使用控制台和分析性能。
谁得到更多的Python或JavaScript？
Apr 04, 2025 am 12:09 AM
Python和JavaScript开发者的薪资没有绝对的高低，具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大，薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。
如何使用源地图调试缩小JavaScript代码？
Mar 18, 2025 pm 03:17 PM
本文说明了如何使用源地图通过将其映射回原始代码来调试JAVASCRIPT。它讨论了启用源地图，设置断点以及使用Chrome DevTools和WebPack之类的工具。
console.log输出结果差异：两次调用为何不同？
Apr 04, 2025 pm 05:12 PM
深入探讨console.log输出差异的根源本文将分析一段代码中console.log函数输出结果的差异，并解释其背后的原因。�...
如何使用JavaScript将具有相同ID的数组元素合并到一个对象中？
Apr 04, 2025 pm 05:09 PM
如何在JavaScript中将具有相同ID的数组元素合并到一个对象中？在处理数据时，我们常常会遇到需要将具有相同ID�...
