Работа с цветом — это первое, что должен уметь любой дизайнер. В интернете огромное количество разрозненной информации на эту тему, я попытался собрать самое полезное в одной подборке. Большинство полезностей с уклоном в веб-дизайн.
![](https://habrastorage.org/r/w1560/storage2/840/d69/f31/840d69f319acd29d47b0215865e34e98.png)
Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.
![](https://habrastorage.org/r/w1560/storage2/29b/504/432/29b504432a266ad43f4f79b254674856.png)
Multicolr — полезный поисковый сервис, который умеет находить по одному или нескольким цветам фотографии на Flickr (более 10 миллионов под лицензией Creative Commons).
MasterBundles — сервис по поиску графических элементов, шрифтов, стоковых фотографий, паттернов, иконок, логотипов, презентаций объединенных в бандлы с огромной скидкой.
![](https://habrastorage.org/r/w1560/storage2/82d/fac/dd5/82dfacdd52a02a2ea0a51162538cc42c.png)
Check My Colours — сервис, проверяющий читабельность текста на любом сайта. На скриншоте — часть результатов Хабра.
![](https://habrastorage.org/r/w1560/storage2/980/e19/91c/980e1991c75a1f8995afefad6f4b18ea.png)
Sphere — выбор цветов в соответствии с теорией цвета, почти научный подход к выбору палитры
.
0to255 — помогает тонко выбрать нужный оттенок цвета.
![](https://habrastorage.org/r/w1560/storage2/0cb/59b/f4f/0cb59bf4f95b8c31d495ca674fbca608.png)
CSS Color Names — наглядно демонстрирует все 147 названий цветов на английском.
![](https://habrastorage.org/r/w1560/storage2/1d3/d3f/56c/1d3d3f56c3c944e61a4e190b23791206.png)
Color Hexa — небольшая интерактивная энциклопедия цвета с полезными функциями.
![](https://habrastorage.org/r/w1560/storage2/11e/676/cba/11e676cba071e4c5628846670fdce9d5.png)
Color Blender — «смешивает» два цвета, находя промежуточный
![](https://habrastorage.org/r/w1560/storage2/d91/0c7/be8/d910c7be86cafec48bb085d38530eef6.png)
Таблица «безопасных» цветов, которые можно использовать в веб-дизайне, от Студии Артемия Лебедева. Штука несколько устаревшая, полезна скорее для общего развития, чем практического применения.
![](https://habrastorage.org/r/w1560/storage2/3be/e50/74e/3bee5074ee489417c74b3a0a75a8ef69.png)
Color Palette Generator — составляет цветовую палитру любого изображения.
![](https://habrastorage.org/r/w1560/storage2/b13/dec/4b8/b13dec4b8abc271cecc3592914a98c55.png)
color.hailpixel.com — полноэкранный выбор цветов, удобно.
![](https://habrastorage.org/r/w1560/storage2/8d0/f33/92e/8d0f3392ef4a16e485a6be890110ea3c.png)
Flat UI Colors — простой сервис для выбора цветов из набора Flat UI от Designmodo.
В качестве введения полезны статьи из Википедии: Цвет и Список цветов.
Статья о теории цвета на Хабре.
Серия статей о цвете от Smashing Magazine с упором на веб-дизайн, теория и практика, обязательна к прочтению:
Colors in Web Design: An Exploration — статья на Six Revisions, где на практических примерах объясняется правильное использование цветов в веб-дизайне.
An Introduction to Color Theory for Web Designers — статья от Tutsplus для веб-дизайнеров об использовании цветов на сайтах, в том числе в типографике.
How to Calibrate Color for the Web — подробно описывается калибровка цветов в изображениях, предназначенных для интернета.
Colors in Web Design: Choosing a right combination for your Website — статья от 1stwebdesigner, рассказывающая о пользовательском восприятии цветов в веб-дизайне.
20 colour tips for website design — лаконичные советы по правильному использованию цветов в веб-дизайне.
![](https://habrastorage.org/r/w1560/storage2/87e/635/3a9/87e6353a94160617b5f80d9d3e6e575e.png)
Искусство Цвета, автор Иоханнес Иттен (1888-1967) — одна из самых популярных книг по теории цвета во всем мире. Есть на Озоне.
![](https://habrastorage.org/r/w1560/storage2/146/ad9/616/146ad96169c33572c79b98c86c5be145.png)
Color Design Workbook: A Real World Guide to Using Color in Graphic Design — хорошая книга об использовании цветов в дизайне.
![](https://habrastorage.org/r/w1560/storage2/3e9/f1b/669/3e9f1b66902d0e2775f240ea029329c7.png)
The Ultimate Guide to Fantastic Color Usage — не совсем книга от Smashing Magazine, просто так называется, очень практично и структурированно рассказывается о цвете, применительно к веб-дизайну.
![](https://habrastorage.org/r/w1560/storage2/aa8/2f4/df0/aa82f4df0d53850da887627ec0a069e5.png)
The Psychology of Color — удобная памятка о восприятии цветов.
UPD
Кстати, скромному обаянию синего цвета в дизайне мы даже посвятили отдельную страницу. Которую, так и назвали «Прелесть синего цвета в дизайне».
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/4e6/ba6/ace/4e6ba6ace6db0ec0ef0a967214f16711.jpg)
Инструменты
![](https://habrastorage.org/storage2/840/d69/f31/840d69f319acd29d47b0215865e34e98.png)
Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.
![](https://habrastorage.org/storage2/29b/504/432/29b504432a266ad43f4f79b254674856.png)
Multicolr — полезный поисковый сервис, который умеет находить по одному или нескольким цветам фотографии на Flickr (более 10 миллионов под лицензией Creative Commons).
MasterBundles — сервис по поиску графических элементов, шрифтов, стоковых фотографий, паттернов, иконок, логотипов, презентаций объединенных в бандлы с огромной скидкой.
![](https://habrastorage.org/storage2/82d/fac/dd5/82dfacdd52a02a2ea0a51162538cc42c.png)
Check My Colours — сервис, проверяющий читабельность текста на любом сайта. На скриншоте — часть результатов Хабра.
![](https://habrastorage.org/storage2/980/e19/91c/980e1991c75a1f8995afefad6f4b18ea.png)
Sphere — выбор цветов в соответствии с теорией цвета, почти научный подход к выбору палитры
![](https://habrastorage.org/storage2/3a0/485/4e4/3a04854e416ba93e3165c3c7a0e92083.png)
0to255 — помогает тонко выбрать нужный оттенок цвета.
![](https://habrastorage.org/storage2/0cb/59b/f4f/0cb59bf4f95b8c31d495ca674fbca608.png)
CSS Color Names — наглядно демонстрирует все 147 названий цветов на английском.
![](https://habrastorage.org/storage2/1d3/d3f/56c/1d3d3f56c3c944e61a4e190b23791206.png)
Color Hexa — небольшая интерактивная энциклопедия цвета с полезными функциями.
![](https://habrastorage.org/storage2/11e/676/cba/11e676cba071e4c5628846670fdce9d5.png)
Color Blender — «смешивает» два цвета, находя промежуточный
![](https://habrastorage.org/storage2/d91/0c7/be8/d910c7be86cafec48bb085d38530eef6.png)
Таблица «безопасных» цветов, которые можно использовать в веб-дизайне, от Студии Артемия Лебедева. Штука несколько устаревшая, полезна скорее для общего развития, чем практического применения.
![](https://habrastorage.org/storage2/3be/e50/74e/3bee5074ee489417c74b3a0a75a8ef69.png)
Color Palette Generator — составляет цветовую палитру любого изображения.
![](https://habrastorage.org/storage2/b13/dec/4b8/b13dec4b8abc271cecc3592914a98c55.png)
color.hailpixel.com — полноэкранный выбор цветов, удобно.
![](https://habrastorage.org/storage2/8d0/f33/92e/8d0f3392ef4a16e485a6be890110ea3c.png)
Flat UI Colors — простой сервис для выбора цветов из набора Flat UI от Designmodo.
Статьи
В качестве введения полезны статьи из Википедии: Цвет и Список цветов.
Статья о теории цвета на Хабре.
Серия статей о цвете от Smashing Magazine с упором на веб-дизайн, теория и практика, обязательна к прочтению:
- 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 — статья на Six Revisions, где на практических примерах объясняется правильное использование цветов в веб-дизайне.
An Introduction to Color Theory for Web Designers — статья от Tutsplus для веб-дизайнеров об использовании цветов на сайтах, в том числе в типографике.
How to Calibrate Color for the Web — подробно описывается калибровка цветов в изображениях, предназначенных для интернета.
Colors in Web Design: Choosing a right combination for your Website — статья от 1stwebdesigner, рассказывающая о пользовательском восприятии цветов в веб-дизайне.
20 colour tips for website design — лаконичные советы по правильному использованию цветов в веб-дизайне.
Книги и другое полезное чтиво
![](https://habrastorage.org/storage2/87e/635/3a9/87e6353a94160617b5f80d9d3e6e575e.png)
Искусство Цвета, автор Иоханнес Иттен (1888-1967) — одна из самых популярных книг по теории цвета во всем мире. Есть на Озоне.
![](https://habrastorage.org/storage2/146/ad9/616/146ad96169c33572c79b98c86c5be145.png)
Color Design Workbook: A Real World Guide to Using Color in Graphic Design — хорошая книга об использовании цветов в дизайне.
![](https://habrastorage.org/storage2/3e9/f1b/669/3e9f1b66902d0e2775f240ea029329c7.png)
The Ultimate Guide to Fantastic Color Usage — не совсем книга от Smashing Magazine, просто так называется, очень практично и структурированно рассказывается о цвете, применительно к веб-дизайну.
![](https://habrastorage.org/storage2/aa8/2f4/df0/aa82f4df0d53850da887627ec0a069e5.png)
The Psychology of Color — удобная памятка о восприятии цветов.
UPD
Кстати, скромному обаянию синего цвета в дизайне мы даже посвятили отдельную страницу. Которую, так и назвали «Прелесть синего цвета в дизайне».
![](https://habrastorage.org/getpro/habr/post_images/4e6/ba6/ace/4e6ba6ace6db0ec0ef0a967214f16711.jpg)