调色工具集

色彩是设计中很深的一门学问，有的设计师色彩感觉很好，设计作品也很唯美。但在设计过程中要选择一个颜色确实很费时间。贴些调色工具资源，辅助设计还是有用的。

 

1.Web 2.0 调色板：列出了目前主流web2.0网站的配色方案供你参考。

2.colorblender-颜色在线编辑器：colorblender首页上提供无数种互联网上最流行的经常搭配在一起的六种基本色，你可以选择其中你认为符合你网站风格的六种基本色然后进行微调得到你喜欢的颜色。

3.颜色快速采集器：提供了上百种颜色，选中颜色即会在网页背景显示相关颜色，得到相应的颜色代码。

4.Color Blender： 只要在Color1和Color2两个颜色框选出两种颜色，然后在Midpoints中选择需要生成的过渡色的数量，点击下面的Blend按钮后，在 Palette中就会显示相应的过渡颜色。你也可以在上面的Format中选择颜色格式，有HEX网页格式、RGB和百分比表示的RGB。

5.Color Schemer：是颜色管理软件Color Schemer Studio的在线版，支持PC和MAC系统。还有一个Color Scheme generator 2

6.Color scheme：提供了不同色系，不同明度的对比。

7.网页配色表：内容包括:W3C- 十六色色盘,IE4+预命名颜色,WIN- 用户系统色盘,216 安全色色盘.

8. 颜色代码选择器：根据不同的颜色显示不同的颜色代码，也可以根据颜色代码查询颜色。

9.Colorjack 是一款基于AJAX 技术的在线配色工具，可以直接获取 RGB 码。

10.4096 Color Wheel：当你的滑鼠在调色盘点一下，就能产生全色板。

11.Color palette creator：能产生十种色调，还能将十种色调建立成PNG文档。

12.Colr.org ：这是一种输入英文字并根据来产生色表的一种工具，像输入”sea” 就会产生跟大海相关的颜色。

13.Color schemer v2：根据你选择的基色，可以产生16种相关的配色方案。

14.Visibone color lab：先选其中一种颜色，然后再按隨便一种颜色，会记录你选择颜色的过程，直到你选到喜欢的颜色。

15.Colortoy：flash版调色网站，使用RGB来产生5种相关颜色。

16.Colours on the web：一个介绍网站配色的网站，从配色原理开始。

17.Dailycolorscheme：每天提供一种配色方案,并提供Photoshop、Illustrator、CSS配色档案下载，而且还提供了RSS订阅。

18.网页安全色：网页安全色是常见于Macintosh 和Windows 平台的颜色。当在设置为256 色的计算机显示器上的Web 浏览器中查看时，这些颜色不会抖动。

在线CSS工具

1.W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。

2.CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。

3.QrONE CSS Designer ：在线CSS编辑器，所见即所得。

4.SKUER - The CSS Search Engine :SKUER - The CSS Search Engine:CSS搜索引擎。

5.CSS Tweak : CSS 在线优化工具：优化Color值，去掉注视，压缩CSS文件的大小。

6.TypeTester :文字样式CSS在线对比工具。

7.CSS文件优化器:在不影响页面显示效果的前提下减少你的CSS代码。

8.Browsershots ：查看同一个网页在不同浏览器下的展示效果。

9.CSS整形和最佳化工具：在线CSS的优化工具。

10. CSS Text Wrapper是一个提供个性化定制Blog文章内容显示效果服务的网站。通过 CSS Text Wrapper，你无需了解任何HTML/CSS知识，你就可以个性化定制出多种多样的Blog内容显示效果。示例。详细介绍。

CSS相关资源

1.Free Css Templates :一个提供免费CSS代码下载的网站，上面列出很多很漂亮的CSS代码供你免费下载，非常不错。

2.CSS Tempalte download:又一个提供免费CSS代码下载的网站。

3.CSS工具列表:Huge List of CSS Tools : Fonts, Forms, Layout, Formatters and Optimizers.总结的相当全的CSS工具列表。

4.CSS: Techniques, Tutorials, Layouts: 又一个关于CSS比较全的总结，关于CSS Diagrams, Bar Graphs, Star Rater，CSS Forms，CSS Galleries，CSS Image Maps, Image Switcher, Sliding Photograph Galleries ，CSS Layouts Templates等方面的内容。

5.CSS Allstar :展示和评比CSS效果做的比较好的网站。

6.CSS Bloom ：不错的CSS设计网站展示。

7.Total Tutorial ：包含大量 photoshop、flash、css、asp、php、javascript 等实用教材。

8.CSS Rounded Box Generator：一个介绍产生圆角CSS效果的教程。

9.3D Maze generated with CSS： 3D Maze generated with CSS，用CSS制作的3D迷宫。

CSS设计展示网站

1.Stylecrunch是一个提供展示和分享优秀CSS设计网站的平台。这里汇聚了很多优秀的网络设计，你可以在这里发现很多优秀的网站设计，你可以对这些网站设计评分，发表评论等等。详细介绍。

2. CSSArtillery是一个提供优秀CSS设计网站分享和交流的平台。在这里你可以浏览很多优秀的网络设计，给相应的设计评分，发表评论；也可以提交你喜欢的或者你自己的优秀的CSS设计作品。详细介绍。

3.Cssclip是一个提供优秀CSS设计网站分享和交流的平台。在这里你可以浏览很多优秀的网络设计，给相应的设计评分，发表评论；也可以提交你喜欢的或者你自己的优秀的CSS设计作品。详细介绍。

4. BestWebgallery: 展示和分享优秀CSS设计，网站分类：Flash (83)；CSS (63)；Portfolio (77)；Blog (54)；Illustration (14)；Corporate (24)；Resources (26)；Entertainment (22)；Design (38)；Ajax (10)

5.Cssbloom： 展示和分享优秀CSS设计，网站分类：9rules member (19)；Ajax (1)；Blogspot (2)；Business (82)；CSS Gallery (1089)；DotClear (4)；Entertainment (17)；Expression Engine (5)；Forum (2)；Great Header (9)；Great Menu (1)；LifeType (1)；Movable Type (6)；Nice Colors (2)；Portfolio (351)；ReBoot (38)；Symphony (3)；Textpattern (11)；Unique Design (7)；Weblog-Journal (176)；WordPress (122)；XHTML (1)

6. Csselite： 展示和分享优秀CSS设计，网站分类： Clean；Blog；Dark；Colorful；Designer；Unique；Corporate；Navigation；Colleges & Universities

7.http://www.cssmania.com/：展示和分享优秀CSS设计，网站分类：Weblogs (1385)；Technology (967)；Companies (919)；Freelance / Portfolios (882)；Internet (595)；United States (454)；Lifestyle (449)；Marketing (336)；Events (296)；Web Tools (275)

其他更多优秀CSS设计展示网站

http://w3csites.com/

http://www.csscoosite.com/

http://www.cssheaven.com/

http://www.css-galleries.com/

http://screenalicious.com/

http://www.designsnack.com/

http://onepixelarmy.com/

http://css-website.com/

http://cssdrive.com/

http://csshazard.com/

http://csslove.net/

http://csstux.com/

http://www.inspirationking.com/

http://screenfluent.com/

http://submitcss.com/

http://webcreme.com/

http://per.fectio.net/

http://www.cssimport.com/

http://thesis.veracon.net/

http://www.dark-i.com/

http://www.netcocktail.com/

http://www.refreshlinks.org.uk/

http://www.styleboost.com/

http://unmatchedstyle.com/

http://www.cssbeauty.com/

转载自：http://www.web20share.com/list/design

评论

1 楼 andrew913 2010-11-27  

非常感谢，记录一下