📄 5color.htm
字号:
<td class="CustomerText">选择</td>
</tr>
<tr>
<td id="eColor1" height="40" class="TCBox" style="background:rgb(0,0,0);"> </td>
<td id="eColor2" height="40" class="TCBox" style="background:rgb(0,0,0);"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td width="60" align="center" class="CustomerText">绿:</td>
<td class="CustomerText">
<table width="300" height="30" border="0" cellpadding="0" cellspacing="0" class="TCBox">
<tr>
<td id="eGreenD" style="background:rgb(0,255,0);">
<span id="Gj" style="position:absolute; left:43px; top:117px; width: 30px;" class="CustomerText">∧0</span>
<span id="eGreenF" onMouseMove="eChangeR(2,false);if(event.button==1) eChangeR(2,true);" onClick="eChangeR(2,true);" style="width:300px; height:28px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1);"></span>
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="60" align="center" class="CustomerText">蓝:</td>
<td class="CustomerText">
<table width="300" height="30" border="0" cellpadding="0" cellspacing="0" class="TCBox">
<tr>
<td id="eBlueD" style="background:rgb(0,0,255);">
<span id="Bj" style="position:absolute; left:43px; top:166px; width: 30px;" class="CustomerText">∧0</span>
<span id="eBlueF" onMouseMove="eChangeR(3,false);if(event.button==1) eChangeR(3,true);" onClick="eChangeR(3,true);" style="width:300px; height:28px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1);"></span>
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="60" align="center" class="CustomerText">色块:</td>
<td height="70" class="CustomerText" id=dc2></td>
</tr>
</table>
<table width="500" height="260" border="0" cellpadding="0" cellspacing="0" id="Title3" style="display:none;">
<tr>
<td width="260" rowspan="8">
<span id="ChangeLayerColor" style="position:absolute;left:15px; top:40px; width:241px; height:241px; background:rgb(255,0,0); filter:alpha(Opacity=0,finishOpacity=100,startX=0,startY=80,finishX=100,finishY=0,style=1);"></span>
<span style="position:absolute; left:15px; top:109px; width:241px; height:172px; background:rgb(0,0,0); filter:alpha(Opacity=0,finishOpacity=100,startX=0,startY=0,finishX=0,finishY=100,style=1);"></span>
<span style="position:absolute; left:15px; top:40px; width:241px; height:241px; background:rgb(255,255,255); filter:alpha(Opacity=100,finishOpacity=0,startX=0,startY=4,finishX=80,finishY=80,style=1);"></span>
<span style="position:absolute; left:15px; top:40px; width:241px; height:241px;" onClick="uPickColorer(true);" onMouseMove="uPickColorer(false);if(event.button==1){uPickColorer(true);}"></span>
</td>
<td width="50" rowspan="8" valign="top">
<span id="uColorH" style="position:absolute; top:35px; left:320px; width: 38px;" class="CustomerText">＜359</span>
<span id=dc3></span></td>
<td align="right" class="CustomerText">色调:</td>
<td class="CustomerText"><input name="H3" type="text" class="TCBox" id="H3" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">饱和度:</td>
<td class="CustomerText"><input name="S3" type="text" class="TCBox" id="H37" value="240" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">亮度:</td>
<td class="CustomerText"><input name="V3" type="text" class="TCBox" id="H38" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">红:</td>
<td class="CustomerText"><input name="R3" type="text" class="TCBox" id="H39" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">绿:</td>
<td class="CustomerText"><input name="G3" type="text" class="TCBox" id="H310" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">蓝:</td>
<td class="CustomerText"><input name="B3" type="text" class="TCBox" id="H311" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">颜色:</td>
<td class="CustomerText"><input name="Color3HTML" type="text" class="TCBox" id="H312" value="#000000" size="7" maxlength="7"></td>
</tr>
<tr>
<td colspan="2" align="center"><table width="100" height="60" border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="CustomerText">颜色</td>
<td class="CustomerText">选择</td>
</tr>
<tr>
<td id="uColor1" height="40" class="TCBox" style="background:rgb(0,0,0);"> </td>
<td id="uColor2" height="40" class="TCBox" style="background:rgb(0,0,0);"> </td>
</tr>
</table></td>
</tr>
</table>
<table width="500" height="260" border="0" cellpadding="0" cellspacing="0" id="Title4" onMouseUp="showPoints()" style="display:none;">
<tr>
<td width="77%" rowspan="8" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" rowspan="2"><span id=dc4></span>
<span id="tPoint1" onMouseDown="hidePoints();" style="position:absolute; font-size:12px; left:93px; top:199px; z-index:400;">⊙</span>
<span id="tPoint2" onMouseDown="hidePoints();" style="position:absolute; font-size:12px; left:132px; top:170px; z-index:400; display:none;">⊙</span>
<span id="tPoint3" onMouseDown="hidePoints();" style="position:absolute; font-size:12px; left:136px; top:101px; z-index:400; display:none;">⊙</span>
<span id="tPoint4" onMouseDown="hidePoints();" style="position:absolute; font-size:12px; left:60px; top:76px; z-index:400; display:none;">⊙</span>
<span id="tPoint5" onMouseDown="hidePoints();" style="position:absolute; font-size:12px; left:36px; top:156px; z-index:400; display:none;">⊙</span>
</td>
<td height="40" colspan="5" align="center" nowrap class="CustomerText">模式:
<select name="tModer" class="Buttons" id="tModer" style="width:100px;" onChange="changeColorMode();">
<option value="1" selected>普通选色</option>
<option value="2">反相选色</option>
<option value="3">RGB对比选色</option>
<option value="4">矩阵选色</option>
<option value="5">五角星选色</option>
</select></td>
</tr>
<tr>
<td id="tLine1" align="center">
<span id="tPlantz1" style="position:absolute; top:230px; left: 275px;" class="CustomerText">＞</span>
<table width="15" height="160" border="0" cellpadding="0" cellspacing="0" id="tColorMode1" style="background:rgb(255,0,0);">
<tr>
<td valign="top"><span onClick="tColorHchange(true,1);" onMouseMove="tColorHchange(false,1);if(event.button==1) tColorHchange(true,1)" style="width:15px; height:161px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1,startX=0,startY=0,finishX=0,finishY=100); z-index:30;"/>
</td>
</tr>
</table></td><td id="tLine2" align="center" style="display:none;">
<span id="tPlantz2" style="position:absolute; top:230px; left: 236px;" class="CustomerText">＞</span>
<table width="15" height="160" border="0" cellpadding="0" cellspacing="0" id="tColorMode2" style="background:rgb(255,0,0);">
<tr>
<td valign="top"><span onClick="tColorHchange(true,2);" onMouseMove="tColorHchange(false,2);if(event.button==1) tColorHchange(true,2)" id="tPlant2" style="width:15px; height:161px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1,startX=0,startY=0,finishX=0,finishY=100);"/></td>
</tr>
</table></td>
<td id="tLine3" align="center" style="display:none;"><span id="tPlantz3" style="position:absolute; top:230px; left: 274px;" class="CustomerText">＞</span><table width="15" height="160" border="0" cellpadding="0" cellspacing="0" id="tColorMode3" style="background:rgb(255,0,0);">
<tr>
<td valign="top"><span onClick="tColorHchange(true,3);" onMouseMove="tColorHchange(false,3);if(event.button==1) tColorHchange(true,3)" id="tPlant3" style="width:15px; height:161px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1,startX=0,startY=0,finishX=0,finishY=100);"/></td>
</tr>
</table></td>
<td id="tLine4" align="center" style="display:none;"><span id="tPlantz4" style="position:absolute; top:230px; left: 312px;" class="CustomerText">＞</span><table width="15" height="160" border="0" cellpadding="0" cellspacing="0" id="tColorMode4" style="background:rgb(255,0,0);">
<tr>
<td valign="top"><span onClick="tColorHchange(true,4);" onMouseMove="tColorHchange(false,4);if(event.button==1) tColorHchange(true,4)" id="tPlant4" style="width:15px; height:161px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1,startX=0,startY=0,finishX=0,finishY=100);"/></td>
</tr>
</table></td>
<td id="tLine5" align="center" style="display:none;"><span id="tPlantz5" style="position:absolute; top:230px; left: 351px;" class="CustomerText">＞</span><table width="15" height="160" border="0" cellpadding="0" cellspacing="0" id="tColorMode5" style="background:rgb(255,0,0);">
<tr>
<td valign="top"><span onClick="tColorHchange(true,5);" onMouseMove="tColorHchange(false,5);if(event.button==1) tColorHchange(true,5)" id="tPlant5" style="width:15px; height:161px; background:rgb(0,0,0); filter:alpha(opacity=100,finishopacity=0,style=1,startX=0,startY=0,finishX=0,finishY=100);"/></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="6"><table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="18%" align="center" class="CustomerText">饱和度:</td>
<td width="82%"><table width="301" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" id="S4Line" style="background:rgb(255,255,255)"><span onMouseUp="tColorSchange(true);" onMouseMove="tColorSchange(false);if(event.button==1) tColorSchange(true);" id="tColorS" style="position:absolute; width:301px; height:20px; background:rgb(255,0,0); filter:alpha(opacity=100,finishopacity=0,style=1);"></span>
<span id="tColorSz" class="CustomerText" style="position:absolute; width:40px; top:277px; left: 67px;">∧240</span></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table> </td>
<td width="10%" align="right" class="CustomerText">色调:</td>
<td width="13%"><input name="H4" type="text" class="TCBox" id="H4" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">饱和度:</td>
<td width="13%"><input name="S4" type="text" class="TCBox" id="S4" value="240" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">亮度:</td>
<td width="13%"><input name="V4" type="text" class="TCBox" id="V4" value="240" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">红:</td>
<td width="13%"><input name="R4" type="text" class="TCBox" id="R4" value="255" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">绿:</td>
<td width="13%"><input name="G4" type="text" class="TCBox" id="G4" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">蓝:</td>
<td width="13%"><input name="B4" type="text" class="TCBox" id="B4" value="0" size="5" maxlength="3"></td>
</tr>
<tr>
<td align="right" class="CustomerText">颜色:</td>
<td width="13%"><input name="Color4HTML" type="text" class="TCBox" id="Color4HTML" value="#FF0000" size="7" maxlength="7"></td>
</tr>
<tr>
<td colspan="2" align="center"><table width="100" height="60" border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="CustomerText">颜色</td>
<td class="CustomerText">选择</td>
</tr>
<tr>
<td id="tColor1" height="40" class="TCBox" style="background:rgb(255,0,0);"> </td>
<td id="tColor2" height="40" class="TCBox" style="background:rgb(255,0,0);"> </td>
</tr>
</table></td>
</tr>
</table>
<table width="500" height="260" border="0" cellpadding="0" cellspacing="0" id="Title5" style="display:none;">
<tr>
<td valign="top"><div align=center>
<br/><fieldset class="CustomerText" style="height:230px; width:380px;"><legend class="CustomerText" style="width:88px;"><div align="center">基本颜色色盘</div></legend>
<span id=dc5></span>
</fieldset></div></td>
<td width="115"><table width="100%" height="200" border="0" cellpadding="2" cellspacing="1">
<tr class="CustomerText">
<td width="43%" align="right">红:</td>
<td width="57%"><input name="R5" type="text" class="TCBox" id="S53" value="255" size="5" maxlength="3"></td>
</tr>
<tr class="CustomerText">
<td align="right">绿:</td>
<td><input name="G5" type="text" class="TCBox" id="S54" value="0" size="5" maxlength="3"></td>
</tr>
<tr class="CustomerText">
<td align="right">蓝:</td>
<td><input name="B5" type="text" class="TCBox" id="S55" value="0" size="5" maxlength="3"></td>
</tr>
<tr class="CustomerText">
<td align="right">颜色:</td>
<td><input name="Color5HTML" type="text" class="TCBox" id="Color5HTML" value="#FF0000" size="7" maxlength="7"></td>
</tr>
<tr align="center" class="CustomerText">
<td height="70" colspan="2"><table width="100" height="60" border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="CustomerText">颜色</td>
<td class="CustomerText">选择</td>
</tr>
<tr>
<td id="qColor1" height="40" class="TCBox" style="background:rgb(255,0,0);"> </td>
<td id="qColor2" height="40" class="TCBox" style="background:rgb(255,0,0);"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100" align="center" valign="top" class="ColorFoot"><table width="98%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="65%" rowspan="2">
<fieldset style="height:90px;">
<legend class="CustomerText">[自定义颜色]</legend>
<table width="98%" style="cursor:default;" border="0" align="center" cellpadding="0" cellspacing="1" id="CustomerColor">
<tr>
<td class="TCBoxSelect" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
</tr>
<tr>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
</tr>
<tr>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
</tr>
<tr>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
<td class="TCBox" onMouseUp="CustomerColorSelect();"> </td>
</tr>
</table>
</fieldset></td>
<td colspan="2" align="center" valign="middle"><input style="width:95%;" onClick="this.blur();addCustomerColor();" id="addButton" type="button" class="Buttons" value="添加到自定义颜色"></td>
</tr>
<tr>
<td width="17%" align="center" valign="middle"><input onClick="this.blur();window.returnValue=WinReturnValue.value;window.close();" type="button" class="Buttons" value="确 定"></td>
<td width="18%" align="center" valign="middle"><input onClick="this.blur();window.close();" type="button" class="Buttons" value="取 消"></td>
</tr>
</table></td>
</tr>
</table>
<input type="hidden" id="Color1V" value="120">
<input type="hidden" id="CustomerColorSelRow" value="1">
<input type="hidden" id="CustomerColorSelCell" value="1">
<input type="hidden" id="CurAa" value="85">
<input type="hidden" id="tPointColor1" value="0">
<input type="hidden" id="tPointColor2" value="72">
<input type="hidden" id="tPointColor3" value="144">
<input type="hidden" id="tPointColor4" value="216">
<input type="hidden" id="tPointColor5" value="288">
<input type="hidden" id="WinReturnValue" value="">
<script>
a=window.dialogArguments
//if(a!="")WinReturnValue.value=a//当前颜色
tModer.value = 1;
dc1.innerHTML=drawColorMain()
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -