极具“杀伤力”的网页调色板

原创 2004年07月24日 14:06:00

在web站点设计中,对网页进行配色通常是设计师的直觉感受或者多次反复实验:例如对网页颜色主色彩的选择,考虑各种颜色的色调、饱和度,等等...,最终才能达到比较好的配色效果。
现在,网络上有一些专用于配色设计的调色板工具,对网页配色设计都很有价值。
个人觉得,比较好用、非常专业、同时对于网页设计师(更专注于网页配色)非常有帮助的一个在线免费工具 - 我很惊叹这是用Javascript写的:)
http://www.pixy.cz/apps/barvy/index-en.html

简要说明使用方法:
1. 选择基色
在配色前,你需要在左侧的调色板中先选择一个基色(Base color),选择基色也很有讲究,调色

版为我们划分了暖色(warm)和冷色(cold)两种色调,并依此进行了更精确的数值区分(直接对基色

微调按钮进行操作)。

2. 选择配色方案
在Scheme的选择菜单中可以选择多种方案进行配色,具体有:单色配色、对比色配色(基色加补色

)、可调整的对比色配色(可以调整Distance参数对补色进行微调)、双对比色(两个比较接近的

颜色及它们所对应的补色)、类似色(基色和它相接近的颜色)。

a. 单色配色方案(monochromatic):如果整个网页配色由一些单一颜色渐变组成,这个方案是不错

的选择。

b. 对比色配色(contrast):原理是为基色增加与其色差比较大的几种对比色。如果整个网页的色

彩反差比较大,并且形成反差的颜色数量不是很多,推荐用这种方案。

c. 可调整的对比色配色(soft contrast):参照b方案,可以进一步调整各对比色与基色的色差

,方法是调节Distance参数。

d. 双对比色(double contrast):两个比较接近的颜色及它们所对应的对比色(4个一组),为

基色增加一个相近颜色,同时调节出这两种颜色的对比色,如果将Distance调节至0,将只看到2个

一组的对比色,随着Distance的增加,会逐渐显现4个一组 - 两对对比色。

e. 类似色(analogic):与基色比较接近的各种颜色,推荐色彩比较柔和、反差不明显的网页使用

3.自定义基色的色调(Hue)、饱和度(Saturation)、亮度(Brightness)

对这些选项进行微调后,所配置的方案颜色会起到相应变化。

4.在最底部的select选择器中,你可以特别地为色盲设计的相应的配色方案.

5.选择WebColors后,使配出的颜色更符合网页用色!

6.除此之外,点击free editor按钮,进行自由配色。

接着,我再推荐一些调色版的相关链接,有兴趣的朋友可仔细琢磨一下:
http://www.colormatch.dk/
http://slayeroffice.com/tools/color_palette/
http://kohaistyle.com/scripts/quickcolor http://www.easyrgb.com/harmonies.php
http://www.stcsig.org/usability/topics/colorblind.html
http://color.twysted.net
http://www.coolhomepages.com/cda/color
http://www.masternewmedia.org/2003/04/30/

how_to_select_perfectly_matching_color_combinations.htm
http://dev.sessions.edu/ilu/ilu_1.html http://www.technetguru.com/design
http://www.mundidesign.com/webct
http://graphicdesign.about.com/library/color/blweb2.htm
http://www.pourpre.com/chromograf/en/
http://www.webwhirlers.com/colors/wizard.asp

最后, 如果你觉得我推荐的调色板好用或者还不错的话,请不要忘记在注释中评论。

 

极具“杀伤力”的网页调色板

在web站点设计中,对网页进行配色通常是设计师的直觉感受或者多次反复实验:例如对网页颜色主色彩的选择,考虑各种颜色的色调、饱和度,等等...,最终才能达到比较好的配色效果。现在,网络上有一些专用于配色...
  • windspeed
  • windspeed
  • 2004年07月27日 15:35
  • 756

7个极具杀伤力的Linux命令大全

7个极具杀伤力的Linux命令大全。   如果您使用Linux,可千万要记得不要让傻孩子们敲入以下命令,尽管这些命令看上去相当复杂,但还是会对你的系统造成严重影响.有一些会影响你的程序和系统运行,有一...
  • jasonxzy
  • jasonxzy
  • 2010年09月04日 20:28
  • 263

浅谈微信---一个据有杀伤力而很实用的产品

微信最近很火,笔者在这里想谈谈微信,它是一个据有杀伤力,却又很实用的一个工具!     在谈论微信之前,首先和大家说两个软件:TalkBox和米聊。     最先发明用语音代替文字的软件是...
  • memoryjs
  • memoryjs
  • 2013年03月15日 09:22
  • 2296

自已常用的两个不错的网页调色板

1、这个可以通过选择任意两种颜色,自动生成1——9个过渡的渐变色带,做过渡效果比较好用。[查看]2、这个具有调节对比色、安全色等功能,还可以调节出适应不同色盲的颜色,功能可谓相大的强大。[查看]...
  • zhuizhu
  • zhuizhu
  • 2006年07月01日 15:32
  • 1078

网页调色板收集 web 调色板

1,调用Windows自带的配色控件 OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0...
  • daonidedie
  • daonidedie
  • 2007年10月07日 11:07
  • 780

因为它极具未来感的设计一旦过目便不会轻易忘记

或许作为有车一族的你经常被爱车受潮的问题所困扰,那么对于这一问题,应当采纳哪些办法才能有效防范呢?下面就为大师介绍一下。潮气入侵需谨严1、易滋生病菌和异味车内环境大多都是密闭的,细菌更轻易在潮湿的环境...
  • u014004844
  • u014004844
  • 2014年05月20日 23:09
  • 253

调色板的原理与显示模式

注:本文摘自csdn blog: 调色板只有图片的颜色小于等于256色的时候才有,16位高彩和24位32位真彩是没有调色板的.                                  ...
  • you_shou
  • you_shou
  • 2016年08月29日 11:09
  • 926

LCD之调色板

对于一个显示设备,数据的更新率正比于画面的像素数和色彩深度的乘积。在嵌入式Linux系统中,受处理器资源配置和运算能力的制约,当使用大分辨率显示时(如在一些屏幕尺寸较大的终端上,往往需要640×480...
  • peng654321
  • peng654321
  • 2012年01月06日 14:51
  • 2112

Windows位图(Bitmap)和调色板(Palette)

【Image Processing】Windows位图(Bitmap)和调色板(Palette)- -                                      1.位图和调色板的概念...
  • aikker
  • aikker
  • 2008年04月08日 17:49
  • 1319
收藏助手
不良信息举报
您举报文章:极具“杀伤力”的网页调色板
举报原因:
原因补充:

(最多只允许输入30个字)