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

更新时间：2007年07月17日 00:00:00   作者：

HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

网页颜色代码全集

FONT-SIZE: 10.8pt

}

BODY {

FONT-SIZE: 10.8pt

}

BUTTON {

WIDTH: 5em

}

var SelRGB = '';

var DrRGB = '';

var SelGRAY = '120';

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');

function ToHex(n)

{    var h, l;

n = Math.round(n);

l = n % 16;

h = Math.floor((n / 16)) % 16;

return (hexch[h] + hexch[l]);

}

function DoColor(c, l)

{ var r, 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);

}

function EndColor()

{ var i;

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> 红

value=2>绿

蓝

value=4>灰

颜色值		width=40 border=0>
bgColor=#ffffff>

border=0>

function hexit(which)

hexit=hex(which)

end function

for(i=0;i<=15;++i)

{document.write('

'+ hexit(0+i*17) +'

width="15" height="15" οnclick="changeright(this.num)" οnmοuseοver="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" οnmοuseοver="showcolor(this)" οnclick="clickright(this)">

')}

document.write('

')

}

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

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

function selectchg(which)

{switch(which)

{case '1' :leftR();break;

case '2' :leftG();break;

case '3' :leftB();break;

case '4' :leftA();break;

}

}

function leftR()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}

rightR(0)

}

function leftG()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}

rightG(0)

}

function leftB()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}

rightB(0)

}

function leftA()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}

rightA()

}

function rightR(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) + ')'}

}

}

function rightG(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) + ')'}

}

}

function rightB(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) + ')'}

}

}

function rightA()

{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) + ')'}

}

}

var rightclicked=false

function clickright(which)

{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}

}

function changeright(which)

{switch(select1.value)

{case '1' :rightR(which);break;

case '2' :rightG(which);break;

case '3' :rightB(which);break;

}

}

function showcolor(which)

{if(rightclicked)return;

text1.value=which.bgColor

choosecolor()

}

function choosecolor()

{customcolor.bgColor=text1.value

}

网页颜色代码对照表

src="img/color1.htm" frameBorder=0 width=760 scrolling=no

height=954>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。

src="img/color2.htm" frameBorder=0 width=641 scrolling=no

height=573>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。

src="img/color3.htm" frameBorder=0 width=960 scrolling=no

height=4754>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。

src="img/color4.htm" frameBorder=0 width=960 scrolling=no

height=4930>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。

相关文章

本篇文章主要介绍了理解javascript async的用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08

这篇文章主要介绍了JS实现可关闭的对联广告效果代码,涉及JavaScript针对滚动事件动态设置页面元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09

这篇文章主要为大家详细介绍了微信小程序实现点击图片旋转180度并且弹出下拉列表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11

本篇文章主要介绍了JS几种变量交换方式以及性能分析对比，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11

最近开发了繁体版本的网站，在网上找了一段比较流行的繁简切换的JS实现了，不过后来却发现，有些页面会卡死，针对这个问题，下面有个不错的解决方法2014-03-03

这篇文章主要为大家详细介绍了JavaScript function函数种类，知识点很全面，包括普通函数、匿名函数、闭包函数，感兴趣的小伙伴们可以参考一下2016-03-03

这篇文章主要为大家详细介绍了javascript实现超好看的3D烟花特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01

本篇文章主要介绍了js数组操作之pop,push,unshift,splice,shift。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01

表格是在后台管理系统中用的最频繁的组件之一，相关的功能有数据的新增和编辑、查询、排序、分页、自定义显示以及一些操作按钮。这篇文章主要介绍了React 全自动数据表格组件——BodeGrid ,需要的朋友可以参考下2019-06-06

最新评论