软件No1:绿色软件制作与分享。

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

colorpicker3ollogo       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,保存它把,这个会十分有用的。

 

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

 

本文地址:

http://www.rjno1.com/online/pol/120-colorpicker3ol.html

下载地址:@软件No1

添加评论

验证码


刷新


Copyright © 2010-2019 RJNo1.com,All Rights Reserved.

Template V3.8.5 Designed by *HongHui  |  网站地图

软件No1 版权所有

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.