看到网络上色彩缤纷的网页，你会不会渴望自己也能设计制作出如此优秀的作品？其实在实际设计制作中，如果能够把握好了主题、结构、色彩这3大要素，你就已经成功了一大半。
打造完美网站（下）
三生有幸网页配色工具
我们以蓝色基调的网站为例来讲解怎样使用这个工具：
1.用鼠标点击左下方调色盘中你喜欢的蓝色(如图2)，右边立即出现了许多适合与蓝色搭配的配色方案。每种颜色的下方都有该颜色的RGB值和相应的色彩十六进制代码。同时，被选中的基色的RGB值和代码也会显示在窗口的左上方。
2.如果对刚才选择的配色方案不太满意，还可以选择左边的“全部变亮”或“全部变暗”，一定可以找到自己满意的。
3.将刚才选择的颜色作为网页的基本色调，将周围的其他颜色作为辅助色，分别为网页的字体、图片、边框等元素分配一种颜色。
调色盘
4.利用每种颜色下方显示的代码，将这些配色应用到网页中。如果是不懂代码的初学者，在相应的网页设计软件中可以直接从调色板中选色，也可以直接输入颜色的RGB值；如果懂一点代码的话，可以直接切换到代码视图方式，用图中的16进制代码替换CSS中的原有颜色代码就OK了。
如果你在别人的网页上看到了非常喜欢的色彩，也想把它应用到自己的网页中的话，不妨让下面这个网页取色小软件来帮你。
HTMLcolor
将下载得到的文件解压后，运行其中的“htmlcol.exe”。将鼠标定位到某个你喜欢的颜色上(指向即可，不用点击)，在左边的小窗口中就显示出了鼠标所指位置四周的截图。同时，该软件已经将鼠标定位处的颜色抓取下来了。在哪儿？就在右边的五个文本框中。不过，为什么有五个数值呢？呵呵，它们分别代表同一种颜色的五种表现形式。其中网页制作所需要的HTML代码(如“COE3E30”)、颜色名称(如“Blue”，有时为空，毕竟颜色太丰富了嘛)；RGB格式(如“126,212,255”)三种形式都有。与其他同类软件相比，它不需要我们手工“抄录”所抓取到的颜色代码，看到每个代码后面的功能键了吗？只要该窗口为当前窗口，按下相应的功能键(“F1”、“F2”等)就可以将此代码复制到剪贴板中，然后打开网页设计软件粘贴颜色代码吧。
（作者：李东光）
网友评论