网页设计红绿蓝组合调色面板

作者：秋了秋发表时间：2014年09月17日

通过该调节面板，可以轻松调制出世界上大部分的颜色，人眼可辨的颜色都可以用这三原色组合而成。很多时候我们看到一种颜色非常漂亮，但却不知道它的颜色代码，所以很难捏造出喜欢的颜色，用这个调节面板就可以解决这个问题。调节面板有粗调，微调，细调，通过对比快速定位你想要的颜色。

<html> <head> <title>网页特效收集</title></p> <style type="text/css"> </style> <p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <br> <br> <center><font color=red face="隶书" size=6>手动调节背景色</font></center> <br> <center></p> <table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <tr> <td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>红绿蓝三色调节区</strong></font></td> </tr> <tr> <td align=center><script language="JavaScript">(function(){  })();</script></p> <form name="color"> <table> <tr align="Center"> <td> <input name="red" type="button" value=" +50 " onClick="upred(50)"> </td> <td> <input name="red2" type="button" value=" + 10 " onClick="upred(10)"> </td> <td> <input name="red2" type="button" value=" + 1" onClick="upred(1)"> </td> <td width="50"><font color="#FF0000" size=+3><b><font color="#FA0000">红</font></b></font></td> <td> <input name="red-" type="button" value=" - 1" onClick="downred(1)"> </td> <td> <input name="red-" type="button" value=" - 10 " onClick="downred(10)"> </td> <td> <input name="red-" type="button" value=" -50 " onClick="downred(50)"> </td> <td> <input type="text" name="rd" size=3> </td> </tr> <tr align="Center"> <td> <input name="green" type="button" value=" +50 " onClick="upgreen(50)"> </td> <td> <input name="green" type="button" value=" + 10 " onClick="upgreen(10)"> </td> <td> <input name="green" type="button" value=" + 1" onClick="upgreen(1)"> </td> <td width="50"><font color="#00FF00" size=+3><b><font color="#00FA00">绿</font></b></font></td> <td> <input name="green-" type="button" value=" - 1" onClick="downgreen(1)"> </td> <td> <input name="green-" type="button" value=" - 10 " onClick="downgreen(10)"> </td> <td> <input name="green-" type="button" value=" -50 " onClick="downgreen(50)"> </td> <td> <input type="text" name="gr" size=3> </td> </tr> <tr align="Center"> <td> <input name="blue" type="button" value=" +50 " onClick="upblue(50)"> </td> <td> <input name="blue" type="button" value=" + 10 " onClick="upblue(10)"> </td> <td> <input name="blue" type="button" value=" + 1" onClick="upblue(1)"> </td> <td width="50"><font color="#0000FF" size=+3><b><font color="#0000FA">蓝</font></b></font></td> <td> <input name="blue-" type="button" value=" - 1" onClick="downblue(1)"> </td> <td> <input name="blue-" type="button" value=" - 10 " onClick="downblue(10)"> </td> <td> <input name="blue-" type="button" value=" -50 " onClick="downblue(50)"> </td> <td> <input type="text" name="bl" size=3> </td> </tr> <tr align="Center"> <td>　</td> <td>　</td> <td>　</td> <td width="50"> <input type="text" name="rgbdspl" size=7> </td> <td>　</td> <td>　</td> <td>　</td> <td>　</td> </tr> </table> </form> </td> </tr> </table> <p></center> <br> <br> <center> <SCRIPT LANGUAGE="JavaScript"></p> <p></p> <p></center> <br/> <br> <br> <br> <br> <br> </body> </html>

提示：可以先修改部分代码再运行

附上常用的颜色图表供参考：

颜色图表1 颜色图表2