ColorPicker3.1 – 在线调整网页颜色

ColorPicker3，这个在线工具和软件No1以前介绍的ColorPicker拥有一样的名字，并且功能也相似，主要就是你可以使用这个工具调解颜色，获得你需要的色彩。这个ColorPicker3比以前介绍的那个同名的功能更加的强大，使用它，你甚至可以在线调解整个网页页面的颜色搭配，等到你满意后就可以把这些颜色的16进制代码抄下来，用在你自己的网页上。

2016-1-29更新
ColorPicker3.1工作正常。

这个工具到底有多强大的功能：

• 1、它的界面在这篇文章的图片中你可以看到，它调节颜色的操作习惯和PS完全类似。我们要调节网站上各种元素的样式只要点击几下就可以了。
• 2、它可以调整网页的背景颜色，换掉网页的背景图片，让你自己选择文字的颜色，链接的颜色，链接在鼠标滑过（hover），点击过后（visited）的颜色也可以显示出来，甚至你还可以查看链接字体在加粗、有下划线、斜体和不同大小情况下的样式。从这些功能中可以看出这个工具十分的专业和了得。
• 3、你在使用这个工具是可以改变右侧示例网页的字体，它给出的字体也有十几种，都是我们在制作网页时常用的美观的字体。
• 4、它还会在示例网页上给出现在这种网页样式的css代码，这个代码会随着你的设置而随时改变，非常的强！如果你要把它用在自己的网页上，可以把这些css代码直接选中后复制下来，稍加改进就可以用了！

如何使用：

• A、在左侧那一堆颜色的下面，你可以选择需要改变颜色的网页元素，比如文字（text）、背景（background）、链接（link），点击过的链接（Visited Link）、鼠标滑过链接（Hover）、活动链接（Active Link）。你只要先“激活”选项，然后选择上方的颜色就可以了，如果你对颜色不满意并且你十分熟悉色轮原理，你还可以直接调整这种颜色中红色、绿色、蓝色的比例（就在那一堆颜色上方）。使之更接近你想要的颜色。
• B、在“Background image”下面的输入框中，你可以键入网页上图片的链接地址，点击“set”后，你就会发现右侧的示例网页的背景变了！
• C、在调解网页背景图片选项的下面，你可以调解字体和字体大小，并且可以选择是否加粗，倾斜，加下划线。这三种效果可以同时作用，因为它用的是复选框哦。
• D、在“Your body/link style:”文字下方的就是你现在样式的css，保存它把，这个会十分有用的。

如果你要改变你网站的样式，那么你可以现在这个工具上尝试一下，笔者相信你会收获不少东西的。

ColorPicker3.1页面 http://www.pagetutor.com/colorpicker/index.html

本文地址：https://www.rjno1.com/colorpicker3ol/