http://www.cclw.net/resources/CheckColor/CheckColor.htm
把鼠标放在图片上，就可显示出各种颜色的代码！
代码如下（以html格式保存如下代码，用浏览器打开即可查看效果）：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://www.cclw.net/resources/CheckColor/CheckColor.htm -->
<HTML><HEAD><TITLE>查颜色代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.5921" name=GENERATOR>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<SCRIPT language=JavaScript>
<!-- annie
addary = new Array(); //
addary[0] = new Array(0,1,0); //
addary[1] = new Array(-1,0,0); //
addary[2] = new Array(0,0,1); //
addary[3] = new Array(0,-1,0); //
addary[4] = new Array(1,0,0); //
addary[5] = new Array(0,0,-1); //
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++) {
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
}
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e) {
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] - d));
n = 0;
sx = Math.abs(x - 512);
sy = Math.abs(y - 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = "000000";
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
document.layers["wheel"].bgColor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
document.all["wheel"].style.backgroundColor = "#" + c;
}
return false;
}
// annie-->
</SCRIPT>
<META content="blueprnt 011, default" name="Microsoft Theme"></HEAD>
<BODY text=#003399 vLink=#9900ff aLink=#000066 link=#3366ff bgColor=#ffffff
background="" onload=capture()><!--mstheme--><FONT face=宋体>
<DIV id=wheel
style="LEFT: 220px; VISIBILITY: visible; WIDTH: 523px; POSITION: absolute; TOP: 90px; HEIGHT: 317px">
<DIV align=center>
<CENTER><!--mstheme--></FONT>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><!--mstheme--><FONT face=宋体><IMG height=256
src="查颜色代码.files/colorwheel.jpg" width=256 border=0>
<!--mstheme--></FONT></TD></TR>
<TR>
<TD align=middle><!--mstheme--><FONT face=宋体><BR>
<FORM name=f><INPUT size=27 name=t>
</FORM><!--mstheme--></FONT></TD></TR></TBODY></TABLE><!--mstheme--><FONT
face=宋体></CENTER></DIV></DIV>
<CENTER>
<DIV
style="FONT-SIZE: 36pt; FILTER: shadow(color= yellow, direction= 135); LEFT: 228px; WIDTH: 243px; COLOR: red; FONT-FAMILY: 夹发砰; POSITION: absolute; TOP: 18px; HEIGHT: 52px"></DIV></CENTER>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<DIV align=center>
<CENTER><!--mstheme--></FONT>
<TABLE height=55 cellSpacing=1 cellPadding=2 width="68%" border=0>
<TBODY>
<TR>
<TD align=middle width="100%" height=18><!--mstheme--><FONT
face=宋体>把鼠标放在图片上，就可显示出各种颜色的代码。<!--mstheme--></FONT></TD></TR>
<TR>
<TD align=middle width="100%" height=25><!--mstheme--><FONT face=宋体>
<P><A
href="http://www.cclw.net/resources/CheckColor/CheckColor.zip">下载</A><!--mstheme--></FONT></P></TD></TR></TBODY></TABLE><!--mstheme--><FONT
face=宋体></CENTER></DIV><!--mstheme--></FONT></BODY></HTML>
分享到：
相关推荐
### HTML颜色代码详解 在网页设计与开发过程中，正确地使用颜色对于提升用户体验至关重要。颜色不仅可以为网站增添视觉效果，还能够传达...此外，了解这些基本的颜色代码对于快速构建和调整网站配色方案也非常重要。
颜色代码查询网页
颜色代码表和颜色获取工具是开发者和设计师不可或缺的资源，能够帮助他们精确地选择和使用颜色。 颜色代码通常有两种主要形式：RGB（红绿蓝）和十六进制（Hex）。RGB颜色模式基于三种基本颜色的组合，而十六进制...
颜色代码对照表 颜色代码对照表是指用于记录和查询颜色代码的表格，通常包括颜色名称、十六进制颜色码、RGB 颜色值等信息。本文将对颜色代码对照表进行详细的解释和分析。 颜色代码对照表的重要性： 颜色代码对照...
可以查询HTML,delphi,c++等的颜色代码
颜色代码 html颜色代码 字体颜色代码 写html时当用到颜色时直接查颜色 直接粘贴颜色代码
"颜色代码查询器(WEB版)"是一个在线工具，专为用户提供快速查询颜色代码的服务，使得设计师和开发者能够高效地找到所需的颜色值。这款工具的便捷性和实用性使其成为许多专业人士必备的资源。 颜色代码通常有多种...
在计算机图形学中，颜色通常用数字代码表示，其中最常用的是十六进制颜色代码。这些代码在开发Web页面、图形用户界面、以及使用WebGL技术的three.js三维图形库时尤为常见。本文档提供的内容，就是一张详细的十六进制...
playcolor取颜色,查颜色代码必备佳品..
网页颜色查询 - 颜色代码对照查询表.htm
颜色代码查看器是一款实用工具，专门用于帮助用户获取电脑屏幕上任意位置的颜色代码。这款软件能够显示屏幕上的像素点所对应的颜色值，对于设计、编程、网页制作等领域的专业人士尤其有用。颜色代码通常以十六进制...
颜色代码生成器是一种实用工具，它能够帮助程序员和设计师快速、准确地获取所需颜色的代码表示，以便在编程或设计项目中使用。这种工具通常具备直观的用户界面，允许用户通过多种方式选择颜色，如通过颜色轮、调色板...
1. **在线颜色代码转换器**：网络上有很多在线工具，如ColorPicker或ColorHexa，它们允许用户输入颜色代码，并即时显示对应的颜色。这些工具不仅支持十六进制，还支持RGB、RGBA、HSL、HSLA等多种颜色模式。 2. **...
网页设计颜色拾取器是网页设计师在创建和编辑网站时不可或缺的工具，它允许用户从屏幕上任何位置选取颜色，并将其转换为不同的颜色代码格式，以便在HTML、CSS、JavaScript等编程语言中使用。颜色代码是表示颜色的一...
### 颜色代码RGB颜色查询对照表 #### 概述 颜色代码是网页设计、图形界面设计等视觉表达领域中不可或缺的一部分。RGB颜色模型是一种加色法模型，主要用于显示器等电子屏幕显示颜色。该模型通过红（Red）、绿（Green...
颜色代码大全提供了丰富的色彩选择，帮助开发者更好地控制和呈现页面元素的外观。以下是一些关于颜色代码和其在HTML、JavaScript中应用的重要知识点： 1. **颜色代码类型**：主要有三种类型，包括RGB（Red, Green, ...
包含所有颜色 即查即用 省去时间快速把颜色值找到
在给定的“RGB颜色查询对照表”中，列出了各种颜色的英文名称及其对应的十六进制颜色代码。这种颜色代码通常以“#”开头，后面跟着六位字符，分别代表红、绿、蓝三个颜色通道的二进制值。例如，“#FFFFFF”代表纯...