Work with color: useful tools, books, articles for web designers
Working with color is the first thing that any designer should be able to do. On the Internet, a huge amount of scattered information on this topic, I tried to collect the most useful in one collection. Most of the utility with a bias in web design.
Color Lovers is an old and functional tool for selecting color schemes. Analogues - Colourcode , Color Scheme Designer and of course Kuler . There are a lot of similar sites, but these, in my opinion, are the most convenient.
')
Multicolr is a useful search service that can find photos on Flickr (more than 10 million under a Creative Commons license) using one or several colors.
MasterBundles is a service for searching graphic elements, fonts, stock photos, patterns, icons, logos, presentations, bundled with a huge discount.
Check My Colors - a service that checks the readability of the text on any site. On the screenshot - part of the results of Habr.
Sphere - the choice of colors in accordance with the theory of color, almost a scientific approach to the choice of palette
.
0to255 - helps subtly select the desired shade of color.
CSS Color Names - demonstrates all 147 color names in English.
Color Hexa is a small interactive color encyclopedia with useful features.
Color Blender - "mixes" two colors, finding an intermediate
A table of “safe” colors that can be used in web design, from Art. Lebedev Studio. The thing is somewhat outdated, useful for general development rather than practical application.
Color Palette Generator - composes the color palette of any image.
color.hailpixel.com - fullscreen selection of colors, convenient.
Flat UI Colors is a simple service for choosing colors from the Flat UI kit from Designmodo.
Wikipedia articles are useful as an introduction: Color and Color List .
Article about the theory of color on Habré.
A series of articles on color from Smashing Magazine with an emphasis on web design, theory and practice, is required to read:
Colors in Web Design: An Exploration - an article on Six Revisions , where practical examples explain the proper use of colors in web design.
An article from Tutsplus for web designers about using colors on websites, including typography.
How to Calibrate Color for the Web - Calibration of colors in images intended for the Internet is described in detail.
Colors in Web Design: Choosing a right combination for your Website - a 1stwebdesigner article on user perception of colors in web design.
20 color tips for website design - concise tips on the correct use of colors in web design.
The Art of Color by Johannes Itten (1888-1967) is one of the most popular books on color theory in the world. There is on Ozone .
Color Designer Color Book Design: A good book about using colors in a design.
The Ultimate Guide to Fantastic Color Usage - not quite a book from Smashing Magazine, just so called, very practical and structured about the color, in relation to web design.
The Psychology of Color is a handy reminder of color perception.
UPD
By the way, we even dedicated a separate page to the humble charm of blue in the design. Which, and called "The charm of blue in design . "
Instruments
Color Lovers is an old and functional tool for selecting color schemes. Analogues - Colourcode , Color Scheme Designer and of course Kuler . There are a lot of similar sites, but these, in my opinion, are the most convenient.
')
Multicolr is a useful search service that can find photos on Flickr (more than 10 million under a Creative Commons license) using one or several colors.
MasterBundles is a service for searching graphic elements, fonts, stock photos, patterns, icons, logos, presentations, bundled with a huge discount.
Check My Colors - a service that checks the readability of the text on any site. On the screenshot - part of the results of Habr.
Sphere - the choice of colors in accordance with the theory of color, almost a scientific approach to the choice of palette
.0to255 - helps subtly select the desired shade of color.
CSS Color Names - demonstrates all 147 color names in English.
Color Hexa is a small interactive color encyclopedia with useful features.
Color Blender - "mixes" two colors, finding an intermediate
A table of “safe” colors that can be used in web design, from Art. Lebedev Studio. The thing is somewhat outdated, useful for general development rather than practical application.
Color Palette Generator - composes the color palette of any image.
color.hailpixel.com - fullscreen selection of colors, convenient.
Flat UI Colors is a simple service for choosing colors from the Flat UI kit from Designmodo.
Articles
Wikipedia articles are useful as an introduction: Color and Color List .
Article about the theory of color on Habré.
A series of articles on color from Smashing Magazine with an emphasis on web design, theory and practice, is required to read:
- Color Theory For Designers, Part 1: The Meaning of Color
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology
- Color Theory For Designers, Part 3: Creating Your Own Color Palettes
Colors in Web Design: An Exploration - an article on Six Revisions , where practical examples explain the proper use of colors in web design.
An article from Tutsplus for web designers about using colors on websites, including typography.
How to Calibrate Color for the Web - Calibration of colors in images intended for the Internet is described in detail.
Colors in Web Design: Choosing a right combination for your Website - a 1stwebdesigner article on user perception of colors in web design.
20 color tips for website design - concise tips on the correct use of colors in web design.
Books and other useful reading
The Art of Color by Johannes Itten (1888-1967) is one of the most popular books on color theory in the world. There is on Ozone .
Color Designer Color Book Design: A good book about using colors in a design.
The Ultimate Guide to Fantastic Color Usage - not quite a book from Smashing Magazine, just so called, very practical and structured about the color, in relation to web design.
The Psychology of Color is a handy reminder of color perception.
UPD
By the way, we even dedicated a separate page to the humble charm of blue in the design. Which, and called "The charm of blue in design . "
Source: https://habr.com/ru/post/187604/
All Articles