html颜色代码指令,js实现的网页颜色代码表全集

最新推荐文章于 2024-03-14 17:16:26 发布
最新推荐文章于 2024-03-14 17:16:26 发布
阅读量320 收藏
点赞数
文章标签： html颜色代码指令

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

}

网页颜色代码对照表

#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=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>

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

相关文章

1a1b05c64693fbf380aa1344a7812747.png

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

0ea3c7666119d5615e582f823fb3fad6.png

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

4f96a78db829b1556ff16de21e013c7a.png

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

8cc1031babc6aff2319f1c6af8544aa0.png

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

0c932a99bb7b6f23c937db507070cc7b.png

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

cca732bf65a93ed2ec0ac80c638460fe.png

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

2d9f31f2af7b675a3d153d2b7f1035a7.png

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

b452cee8ec5cd9e58ab98eba17281e59.png

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

f4838ec7e2d4da28e0b57d4e852dadd4.png

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

最新评论

weixin_39901558
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Dark-Magic:这不是黑魔法-从样式表中拉开窗帘
05-26
这不是黑魔法-从样式表中拉开窗帘 描述 当浏览器以他们意想不到的方式呈现CSS时，开发人员常常会完全困惑。 但是，这并不是什么黑魔法，作为开发人员，我们知道计算机只是在解析我们的指令。 尽管许多讨论都讨论了...
Code-Quiz
03-28
为了使代码测验和高分HTML样式化，已创建了样式表。 这样可以通过颜色，字体大小和粗细明确指示内容。 已在HTML和JavaScript中创建了ID，可将样式应用于测验问题，答案选项和高分。 JavaScript 问题，答案选项和...
js中的颜色对应代码
tumu6889的博客
05-13 1万+
颜色对照表：
javascript颜色对照表
Q.1的博客
07-06 4990
javascript颜色对照表
html5&css&js代码 018颜色表
最新发布
明月看潮生的博客
03-14 830
这段代码展示了一个基本的颜色表，方便参考使用。
网页颜色代码表
liwu556677的专栏
10-30 2万+
网页颜色代码表：以下样色显示您可能觉得不够精确，这和电脑显示器有直接关系。您可查看颜色代码，绝对正确，绝无重复。 红色和粉红色，以及它们的16进制代码。 #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0...
各种颜色的代码
weixin_42565127的博客
01-03 1万+
颜色代码表
另外一套中英文颜色代码
02-02 4989
颜色英文代码形像颜色HEX格式RGB格式 LightPink浅粉红#FFB6C1 255,182,193 Pink粉红#FFC0CB 255,192,203 Crimson猩红#DC143C 220,20,60 LavenderBlush脸红的淡紫色#FFF0F5 255,2
piet:神秘的编程语言Piet的胡扯小编辑器
05-12
#Piet代码编辑器和口译员 指令表 可以单击指令表（左下方）以根据当前选择为所单击的操作选择颜色。 整数输入 读取下一个数字时，前导空格将被跳过。
reading-notes
04-05
：HTML和JavaScript入门 ：HTML文本，CSS简介和基本JavaScript指令 ：HTML列表，CSS框，JS控制流 ：HTML链接，CSS布局，JS函数 ：HTML图片； CSS颜色和文字：JS对象文字； DOM ：HTML表格； JS构造函数 ：更多CSS...
Reading-Notes-201
03-30
代码201阅读笔记标题关联Class01- HTML和JavaScript入门Class02- HTML文本，CSS简介和基本JavaScript指令Class03- HTML列表，带有JS的控制流和CSS Box模型Class04- HTML链接，JS函数和CSS布局简介Class05-图片，颜色...
js实现的网页颜色代码表全集
10-30
js实现的网页颜色代码表全集
颜色对照表
09-23
网页制作中一些颜色的表示
html怎么修改颜色代码,不懂代码，教你最简单的修改网站颜色方法。
weixin_35012566的博客
06-03 3705
看了很多帖子，发现还是有很多新手不会修改网站一些基础的颜色，无聊就写一下吧，最适合我们这种不懂代码的小白了，大佬可以无视。其实特别简单，就拿我在用的fly模板为例子吧，例如：我需要修改昵称或者头衔的颜色，首先鼠标右键-审核元素-然后鼠标左键点击昵称。这时可以看到浏览器右下角有颜色代码，只需要修改这块颜色代码，昵称的颜色就会变了。(不同的浏览器显示的地方可能不一样，我的是360极速浏览器)然后就需要...
【html本地工具】html+JavaScript实现一个好看的颜色码查询器，支持查询、转换、颜色选择器和颜色码对照表
weixin_43165220的博客
07-14 1321
相信大家平时工作的时候应该会经常用到颜色码吧，比如说想找个好看的颜色，或者有个颜色码但是不知道这个码是什么颜色的，这个时候我们就可以用颜色码对照表或者颜色码查询来查看了。当然也可以用截图软件或者取色器或者PS来查看，不过这终究不是很方便、全面。这个时候我们可以自己写一个颜色码对照表，然后把它收藏到标签栏，用的时候随时打开随时用。这个时候有人可能要说这种网站随便网上一搜多的是。是，确实有很多，但这终究是别人的网站，无法定制化。所谓定制化就是把自己经常用到的颜色用色块列出来，下次用的时候直接打开一看，你就知道具
颜色代码对照表
热门推荐
Serendipitysyn的博客
11-24 16万+
颜色代码
html中的颜色代码详解及图示
java学习笔记
08-07 1万+
HTML的颜色代码祥解及图示 在HTML中颜色有3中表示方式，最常用的是6位16进制的代码表示法。如bgcolor=#ff0000;其中#只是表示使用6位16进制的颜色代码声明颜色。代码的头两位即ff表示三原色中的红色，范围当然是16进制的00-ff，中间两位即00表示绿色，最后两位即00表示蓝色，00表示没有颜色，ff表示颜色最强。所以000000表示黑色，ffffff表示白色，同样ff000
c++代码实现cat指令下有颜色
06-10
要在C++中实现类似cat指令的功能，并在输出时添加颜色，可以使用ANSI转义序列来实现。下面是一个示例代码： ```c++ #include #include using namespace std; int main(int argc, char *argv[]) { if (argc ) {...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值