📄 select_color.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- note: this version of the color picker is optimized for IE 5.5+ only --><HTML
style="WIDTH: 238px; HEIGHT: 187px"><HEAD><TITLE>选择颜色</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT language=javascript>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function Init() { // run on page load
document.body.onkeypress = _CloseOnEsc;
color = window.dialogArguments;
color = ValidateColor(color) || '000000';
View(color); // set default color
}
function View(color) { // preview color
document.all.ColorPreview.style.backgroundColor = '#' + color;
document.all.ColorHex.value = '#' + color;
}
function Set(string) { // select color
color = ValidateColor(string);
if (color == null) { alert("Invalid color code: " + string); } // invalid color
else { // valid color
View(color); // show selected color
window.returnValue = color; // set return value
window.close(); // close dialog
}
}
function ValidateColor(string) { // return valid color code
string = string || '';
string = string + "";
string = string.toUpperCase();
chars = '0123456789ABCDEF';
out = '';
for (i=0; i<string.length; i++) { // remove invalid color chars
schar = string.charAt(i);
if (chars.indexOf(schar) != -1) { out += schar; }
}
if (out.length != 6) { return null; } // check length
return out;
}
</SCRIPT>
<META content="MSHTML 6.00.3790.2759" name=GENERATOR></HEAD>
<BODY bgColor=#000000 leftMargin=0 topMargin=0 onload=Init()>
<FORM onsubmit="Set(document.all.ColorHex.value); return false;" method=get>
<TABLE cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center bgColor=buttonface>
<DIV
style="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 50px; PADDING-TOP: 1px; HEIGHT: 21px; BACKGROUND-COLOR: #000000">
<DIV id=ColorPreview style="WIDTH: 100%; HEIGHT: 100%"></DIV></DIV></TD>
<TD vAlign=center bgColor=buttonface><INPUT style="FONT-SIZE: 12px"
size=15 name=ColorHex></TD>
<TD width="100%" bgColor=buttonface></TD></TR></TBODY></TABLE>
<TABLE style="CURSOR: hand" cellSpacing=1 cellPadding=0 bgColor=#000000
border=0>
<TBODY>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('003300')" onclick="Set('003300')" width=10
bgColor=#003300 height=10></TD>
<TD onmouseover="View('006600')" onclick="Set('006600')" width=10
bgColor=#006600 height=10></TD>
<TD onmouseover="View('009900')" onclick="Set('009900')" width=10
bgColor=#009900 height=10></TD>
<TD onmouseover="View('00CC00')" onclick="Set('00CC00')" width=10
bgColor=#00cc00 height=10></TD>
<TD onmouseover="View('00FF00')" onclick="Set('00FF00')" width=10
bgColor=#00ff00 height=10></TD>
<TD onmouseover="View('330000')" onclick="Set('330000')" width=10
bgColor=#330000 height=10></TD>
<TD onmouseover="View('333300')" onclick="Set('333300')" width=10
bgColor=#333300 height=10></TD>
<TD onmouseover="View('336600')" onclick="Set('336600')" width=10
bgColor=#336600 height=10></TD>
<TD onmouseover="View('339900')" onclick="Set('339900')" width=10
bgColor=#339900 height=10></TD>
<TD onmouseover="View('33CC00')" onclick="Set('33CC00')" width=10
bgColor=#33cc00 height=10></TD>
<TD onmouseover="View('33FF00')" onclick="Set('33FF00')" width=10
bgColor=#33ff00 height=10></TD>
<TD onmouseover="View('660000')" onclick="Set('660000')" width=10
bgColor=#660000 height=10></TD>
<TD onmouseover="View('663300')" onclick="Set('663300')" width=10
bgColor=#663300 height=10></TD>
<TD onmouseover="View('666600')" onclick="Set('666600')" width=10
bgColor=#666600 height=10></TD>
<TD onmouseover="View('669900')" onclick="Set('669900')" width=10
bgColor=#669900 height=10></TD>
<TD onmouseover="View('66CC00')" onclick="Set('66CC00')" width=10
bgColor=#66cc00 height=10></TD>
<TD onmouseover="View('66FF00')" onclick="Set('66FF00')" width=10
bgColor=#66ff00 height=10></TD></TR>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('333333')" onclick="Set('333333')" width=10
bgColor=#333333 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000033')" onclick="Set('000033')" width=10
bgColor=#000033 height=10></TD>
<TD onmouseover="View('003333')" onclick="Set('003333')" width=10
bgColor=#003333 height=10></TD>
<TD onmouseover="View('006633')" onclick="Set('006633')" width=10
bgColor=#006633 height=10></TD>
<TD onmouseover="View('009933')" onclick="Set('009933')" width=10
bgColor=#009933 height=10></TD>
<TD onmouseover="View('00CC33')" onclick="Set('00CC33')" width=10
bgColor=#00cc33 height=10></TD>
<TD onmouseover="View('00FF33')" onclick="Set('00FF33')" width=10
bgColor=#00ff33 height=10></TD>
<TD onmouseover="View('330033')" onclick="Set('330033')" width=10
bgColor=#330033 height=10></TD>
<TD onmouseover="View('333333')" onclick="Set('333333')" width=10
bgColor=#333333 height=10></TD>
<TD onmouseover="View('336633')" onclick="Set('336633')" width=10
bgColor=#336633 height=10></TD>
<TD onmouseover="View('339933')" onclick="Set('339933')" width=10
bgColor=#339933 height=10></TD>
<TD onmouseover="View('33CC33')" onclick="Set('33CC33')" width=10
bgColor=#33cc33 height=10></TD>
<TD onmouseover="View('33FF33')" onclick="Set('33FF33')" width=10
bgColor=#33ff33 height=10></TD>
<TD onmouseover="View('660033')" onclick="Set('660033')" width=10
bgColor=#660033 height=10></TD>
<TD onmouseover="View('663333')" onclick="Set('663333')" width=10
bgColor=#663333 height=10></TD>
<TD onmouseover="View('666633')" onclick="Set('666633')" width=10
bgColor=#666633 height=10></TD>
<TD onmouseover="View('669933')" onclick="Set('669933')" width=10
bgColor=#669933 height=10></TD>
<TD onmouseover="View('66CC33')" onclick="Set('66CC33')" width=10
bgColor=#66cc33 height=10></TD>
<TD onmouseover="View('66FF33')" onclick="Set('66FF33')" width=10
bgColor=#66ff33 height=10></TD></TR>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('666666')" onclick="Set('666666')" width=10
bgColor=#666666 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000066')" onclick="Set('000066')" width=10
bgColor=#000066 height=10></TD>
<TD onmouseover="View('003366')" onclick="Set('003366')" width=10
bgColor=#003366 height=10></TD>
<TD onmouseover="View('006666')" onclick="Set('006666')" width=10
bgColor=#006666 height=10></TD>
<TD onmouseover="View('009966')" onclick="Set('009966')" width=10
bgColor=#009966 height=10></TD>
<TD onmouseover="View('00CC66')" onclick="Set('00CC66')" width=10
bgColor=#00cc66 height=10></TD>
<TD onmouseover="View('00FF66')" onclick="Set('00FF66')" width=10
bgColor=#00ff66 height=10></TD>
<TD onmouseover="View('330066')" onclick="Set('330066')" width=10
bgColor=#330066 height=10></TD>
<TD onmouseover="View('333366')" onclick="Set('333366')" width=10
bgColor=#333366 height=10></TD>
<TD onmouseover="View('336666')" onclick="Set('336666')" width=10
bgColor=#336666 height=10></TD>
<TD onmouseover="View('339966')" onclick="Set('339966')" width=10
bgColor=#339966 height=10></TD>
<TD onmouseover="View('33CC66')" onclick="Set('33CC66')" width=10
bgColor=#33cc66 height=10></TD>
<TD onmouseover="View('33FF66')" onclick="Set('33FF66')" width=10
bgColor=#33ff66 height=10></TD>
<TD onmouseover="View('660066')" onclick="Set('660066')" width=10
bgColor=#660066 height=10></TD>
<TD onmouseover="View('663366')" onclick="Set('663366')" width=10
bgColor=#663366 height=10></TD>
<TD onmouseover="View('666666')" onclick="Set('666666')" width=10
bgColor=#666666 height=10></TD>
<TD onmouseover="View('669966')" onclick="Set('669966')" width=10
bgColor=#669966 height=10></TD>
<TD onmouseover="View('66CC66')" onclick="Set('66CC66')" width=10
bgColor=#66cc66 height=10></TD>
<TD onmouseover="View('66FF66')" onclick="Set('66FF66')" width=10
bgColor=#66ff66 height=10></TD></TR>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('999999')" onclick="Set('999999')" width=10
bgColor=#999999 height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('000099')" onclick="Set('000099')" width=10
bgColor=#000099 height=10></TD>
<TD onmouseover="View('003399')" onclick="Set('003399')" width=10
bgColor=#003399 height=10></TD>
<TD onmouseover="View('006699')" onclick="Set('006699')" width=10
bgColor=#006699 height=10></TD>
<TD onmouseover="View('009999')" onclick="Set('009999')" width=10
bgColor=#009999 height=10></TD>
<TD onmouseover="View('00CC99')" onclick="Set('00CC99')" width=10
bgColor=#00cc99 height=10></TD>
<TD onmouseover="View('00FF99')" onclick="Set('00FF99')" width=10
bgColor=#00ff99 height=10></TD>
<TD onmouseover="View('330099')" onclick="Set('330099')" width=10
bgColor=#330099 height=10></TD>
<TD onmouseover="View('333399')" onclick="Set('333399')" width=10
bgColor=#333399 height=10></TD>
<TD onmouseover="View('336699')" onclick="Set('336699')" width=10
bgColor=#336699 height=10></TD>
<TD onmouseover="View('339999')" onclick="Set('339999')" width=10
bgColor=#339999 height=10></TD>
<TD onmouseover="View('33CC99')" onclick="Set('33CC99')" width=10
bgColor=#33cc99 height=10></TD>
<TD onmouseover="View('33FF99')" onclick="Set('33FF99')" width=10
bgColor=#33ff99 height=10></TD>
<TD onmouseover="View('660099')" onclick="Set('660099')" width=10
bgColor=#660099 height=10></TD>
<TD onmouseover="View('663399')" onclick="Set('663399')" width=10
bgColor=#663399 height=10></TD>
<TD onmouseover="View('666699')" onclick="Set('666699')" width=10
bgColor=#666699 height=10></TD>
<TD onmouseover="View('669999')" onclick="Set('669999')" width=10
bgColor=#669999 height=10></TD>
<TD onmouseover="View('66CC99')" onclick="Set('66CC99')" width=10
bgColor=#66cc99 height=10></TD>
<TD onmouseover="View('66FF99')" onclick="Set('66FF99')" width=10
bgColor=#66ff99 height=10></TD></TR>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('CCCCCC')" onclick="Set('CCCCCC')" width=10
bgColor=#cccccc height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('0000CC')" onclick="Set('0000CC')" width=10
bgColor=#0000cc height=10></TD>
<TD onmouseover="View('0033CC')" onclick="Set('0033CC')" width=10
bgColor=#0033cc height=10></TD>
<TD onmouseover="View('0066CC')" onclick="Set('0066CC')" width=10
bgColor=#0066cc height=10></TD>
<TD onmouseover="View('0099CC')" onclick="Set('0099CC')" width=10
bgColor=#0099cc height=10></TD>
<TD onmouseover="View('00CCCC')" onclick="Set('00CCCC')" width=10
bgColor=#00cccc height=10></TD>
<TD onmouseover="View('00FFCC')" onclick="Set('00FFCC')" width=10
bgColor=#00ffcc height=10></TD>
<TD onmouseover="View('3300CC')" onclick="Set('3300CC')" width=10
bgColor=#3300cc height=10></TD>
<TD onmouseover="View('3333CC')" onclick="Set('3333CC')" width=10
bgColor=#3333cc height=10></TD>
<TD onmouseover="View('3366CC')" onclick="Set('3366CC')" width=10
bgColor=#3366cc height=10></TD>
<TD onmouseover="View('3399CC')" onclick="Set('3399CC')" width=10
bgColor=#3399cc height=10></TD>
<TD onmouseover="View('33CCCC')" onclick="Set('33CCCC')" width=10
bgColor=#33cccc height=10></TD>
<TD onmouseover="View('33FFCC')" onclick="Set('33FFCC')" width=10
bgColor=#33ffcc height=10></TD>
<TD onmouseover="View('6600CC')" onclick="Set('6600CC')" width=10
bgColor=#6600cc height=10></TD>
<TD onmouseover="View('6633CC')" onclick="Set('6633CC')" width=10
bgColor=#6633cc height=10></TD>
<TD onmouseover="View('6666CC')" onclick="Set('6666CC')" width=10
bgColor=#6666cc height=10></TD>
<TD onmouseover="View('6699CC')" onclick="Set('6699CC')" width=10
bgColor=#6699cc height=10></TD>
<TD onmouseover="View('66CCCC')" onclick="Set('66CCCC')" width=10
bgColor=#66cccc height=10></TD>
<TD onmouseover="View('66FFCC')" onclick="Set('66FFCC')" width=10
bgColor=#66ffcc height=10></TD></TR>
<TR>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('FFFFFF')" onclick="Set('FFFFFF')" width=10
bgColor=#ffffff height=10></TD>
<TD onmouseover="View('000000')" onclick="Set('000000')" width=10
bgColor=#000000 height=10></TD>
<TD onmouseover="View('0000FF')" onclick="Set('0000FF')" width=10
bgColor=#0000ff height=10></TD>
<TD onmouseover="View('0033FF')" onclick="Set('0033FF')" width=10
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -