WordPress:Developing a Colour Scheme

When it comes to colour, there is a lot to think about as you develop or design your WordPress Theme. It's like painting a house. Which colour will cover the entire exterior? What colour do you want the door? Or the window trim? Accents and complementary colours or contrasting colours?

当提到色彩的时候，就会有很多象你一样的设计或者开发WordPress主题的想法。就象粉刷房子一样。哪种色彩将覆盖整个外表？门用哪种色彩？或者窗户的装饰用哪种色彩？主色和补色还有对比色呢？

The colours that go into a website are not limited to the colour of the background and text. You have to consider the colours used all together. Links have three colour choices for unvisited, hover, and visited. Your header or masthead may be filled with colour while the rest of the site may be less colourful. Titles, headings, and lists, all can be in colour. And don't forget about the bullets on your lists - they are often coloured, too. With so many colour choices, finding a colour scheme or theme can be a challenge.

网页的色彩不仅仅限于背景和文字的色彩。你必须全面的考虑色彩。连接有三种色彩可以选择，未点击，鼠标悬停和点击后，你的页眉或者报头可能有多种色彩，但是页面的其他部分可能没有这么多色彩。标头，标题，列表，都可以使用色彩。不要忘记列表上的逗点符号，它们通常也是有色彩的。有了这么多的色彩选择，找到一个彩色的主题将会是一个挑战。

To help you pick your website colours, here is a list of colour tools and resources to get you started.

为了帮助你选择页面的色彩，这里是一些有关色彩的工具和资源。

Colour Schemes

• Kuler - Flash application to create and select colour palettes
• Online Color Scheme Generator
• Wellstyled.com's Color Scheme Generator 2
• How to Get Colour Schemes from Photos
• Color Match - gets six matching web colors (MSIE only)
• Picture to Color - recolors WordPress theme using pictures (Coming Soon)

彩色主题

• Kuler - Flash 软件创建和选择调色板
• 在线彩色主题生成器
• Wellstyled.com的主题生成器2
• 如何从照片得到彩色主题
• 色彩匹配 – 得到六种匹配色彩网页 (仅限MSIE)
• 图片到色彩- 使用图片重新着色 WordPress 主题(即将来临)

Colour Charts

• Color Charts by HTML Color Codes
• Bob Stein's Visibone Colour Charts
• Dynamic Color Chart Of HTML Color Codes

彩色图表

• HTML色彩代码生成的彩色图表
• Bob Stein's Visibone 彩色图表
• HTML色彩代码生成的动态色彩图表

Colour Pickers

• GenoPal - Get pleasant colors
• Flash Palette Generator
• Free Application for Mac and Windows users for color picking and changing colors
• Colorzilla for Mozilla Firefox - Color Picker
• Color Cop, multi-purpose color picker for web designers and programmers
• Iconico ColorPic - Great, simple and free
• Online HTML Color Codes Picker

色彩选择器

• GenoPal – 找到另人愉快的色彩
• Flash 调色板生成器
• 基于Mac的免费软件和Windows用户的色彩选择器和色彩改变
• Colorzilla for Mozilla Firefox – 色彩选择器
• Color Cop为网页设计者和程序员设计的多功能色彩选择器
• Iconico ColorPic – 强大、简单而且免费
• 在线HTML色彩代码选择器

Colour Tools

• Redalt's Color Tools - Enter a URL and reports colors used
• Manually Add Colors to Change the Layout
• Color Mixers
• Eric Meyer's Color Blender
• Online HTML Color Codes Color Picker and Dynamic Color Chart
• SiTCE - Photoshop Script to Change Hue, Saturation And Lightness of WordPress Theme

色彩工具

• Redalt's Color Tools – 输入连接报告使用的色彩
• 手动加入色彩改变版面
• 色彩混合器
• Eric Meyer 色彩混合器
• 在线HTML色彩代码色彩选择器和动态彩色图表
• SiTCE – 使用Photoshop Script 改变WordPress主题色调饱和度和亮度

WordPress Colour and CSS Test Sites

• An example of CSS Layout on a WordPress Test Site

WordPress 色彩和CSS 测试页面

• 关于WordPress 测试页面的CSS版面举例