15个Web设计常用颜色及调色板

Web前端1 6.6K阅读模式

I wanted to create this list, because there are times when I struggle choosing my design colors -  for me it’s not always easy task to just play with the colors and choose the right ones – of course, there are few favorite colors for everybody, but finding new great color combinations are not so easy task. That’s why there a lot of helpful resources to ease this task,  and I am here to show You those!

Hopefully this will help You to create new designs and the process will become a little easier.

 

15个Web设计常用颜色及调色板-图片1

1. Colourlovers

15个Web设计常用颜色及调色板-图片2

This is a great resource that monitors different color trends. There are a lot of colors for ad campaigns, packaging design, web design – You can check out different color schemes and patterns, compare color palettes, read color related articles, interviews – yes, there are also blog there.

New color schemes are regularly created and examples of the way colors are used in the real world – and there are rating system to give You a chance to find out the most popular ones. And I think this is one of the best places to check out for harmonic color combinations and get inspiration.

15个Web设计常用颜色及调色板-图片3

2. Kuler

15个Web设计常用颜色及调色板-图片4

Kuler is nice place created by Adobe company, where You can browse popular created color themes and create Your own from colors, images and get really advanced options and possibilities to create something really great! You can upload images from Your desktop or flickr, which is pretty handy too. To save and download themes You must register with Your Adobe account. You have possibilities to even download “Kuler desktop” software to  browse, search and save themes directly from Your desktop.

15个Web设计常用颜色及调色板-图片5

3. ColorBlender

15个Web设计常用颜色及调色板-图片6

There are lot of color combinations available there – and that’s pretty nice way to easily choose between colors.   It’s free online tool – just choose Your preferred color using the color picker  and 6-color  palette will be calculated from this color automatically. If Your browser accepts cookies You can save colors and use them whenever You return to this site from the same computer. When You are finished, You can easily download blend in Photoshop format *.act or for Illustrator colors *.eps.

15个Web设计常用颜色及调色板-图片7

4. ColorExplorer

15个Web设计常用颜色及调色板-图片8

ColorExplorer is free online tool for creating and working with color palettes.  There are many options with color circle, color libraries, color pickers and much more. Check out few screenshots with features creating Your own unique color palette.

15个Web设计常用颜色及调色板-图片9 15个Web设计常用颜色及调色板-图片9 15个Web设计常用颜色及调色板-图片9

The ColorExplorer toolset include, but is not limited to:

  • color matching; from a single color to a full matching palette – instantly
  • browsing popular color libraries
  • NCS color picker (Natural Color System)
  • conversion hints between multiple color libraries (RAL, PANTONE, and more)
  • palette export for use in popular programs like Adobe Photoshop, Illustrator, and InDesign
  • color palette analysis and import from images/photographs
  • centrally stored palettes for easy access
  • palette filters and styles

15个Web设计常用颜色及调色板-图片10

5. ColorSchemer

15个Web设计常用颜色及调色板-图片11

Interesting resource offering 3692 different color schemes for now, So You have a little list to choose from. I enjoy this resource because of its forum, where You can discuss with other designers, color tips and get answer to Your questions and blog where You can get even more great colors and find out where to search for any.

15个Web设计常用颜色及调色板-图片12

6. ColorJack

15个Web设计常用颜色及调色板-图片13

ColorJack even on the first page offers different color palettes and just mouse over to get even more 6 similar colors. There are also list with useful color related links and more advanced color mixing software, I am describing You below.

15个Web设计常用颜色及调色板-图片14

I think this software are the main reason I enjoy this site too. There are three different online software tools – Color Galaxy, Color Sphere and  Color Studio.

Below You can see Color Galaxy and Color Sphere  – nice tools to play with and get really the right color You want. You can also download these software as widgets.

15个Web设计常用颜色及调色板-图片15 15个Web设计常用颜色及调色板-图片15

7.Color Combo

15个Web设计常用颜色及调色板-图片16

Check out this resource too – choose colors from palette or tags cloud. Nice feature is, You can grab the specific website colors just by entering web address.

15个Web设计常用颜色及调色板-图片17

15个Web设计常用颜色及调色板-图片18

8. Colortoy

Colortoy is another online flash color scheme generator. It generates complementary color schemes based on Your inputted color code – it felt good to play with the software, but You can use it also in the serious projects, this program definitely do his job.

15个Web设计常用颜色及调色板-图片19

9. Colr

Colr.org has been around since Year 2005 – it fulfils the purpose to fiddle with colors as fun thing and load Your own image – get the best colors out of it!

15个Web设计常用颜色及调色板-图片20

10. 100 random colors

Handy little color page using AJAX and offering 100 random colors, refresh the page to get another 100 random colors. Every color got his code in the square, so You can easily grab the code. Good stuff if You cannot decide which color You really want.

15个Web设计常用颜色及调色板-图片21

11. Deagreve – Color Palette generator

Just enter the complete URL to the image to get out the colors. Very simple, but fast and handy software. There are also many more useful little software to create simple business card, favicon etc.

15个Web设计常用颜色及调色板-图片22

12. WellStyled Color Scheme

Little, useful service to play with color circle and choose between  6 different variations – default, pastel, dark pastel, light pastel, contrast and pale. As an output You  get 5 similar colors to choose from. Actually just play with all the options – those are pretty much there.

15个Web设计常用颜色及调色板-图片23

13. Colors On The Web

15个Web设计常用颜色及调色板-图片24

Besides 3 different color tools and mixers, You can learn also about color theory, color terms, how to combine the colors, color contrast and lot more. Nice resource if You are interested not only mixing colors, but also want to dig deeper – learning about color and definitions.

15个Web设计常用颜色及调色板-图片25

14. Gpeters.com color schemes

Get Your color scheme just submitting word or phrase, service will grab 5 related images from Yahoo images and get 6 most distinctive colors from each.

You can also choose from the huge list of color schemes.

15个Web设计常用颜色及调色板-图片26

15. Color Calculator

Color wheel where You can choose between RGB, CMYK, HTML  colors, change saturation, lightness values and choose between different harmony settings.

15个Web设计常用颜色及调色板-图片27

I am planning to create similar list with different pattern and stripe generators, so if You are interested – keep in touch!

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
    • 老大网络
      老大网络 2

      唉 没学好英国历史!

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    拖动滑块以完成验证