Крута шпаргалка за поєднанням кольорів. Крута шпаргалка за поєднанням кольорів Створюємо колірну палітру

Професійний веб-дизайн не обходиться без створення схеми кольору. У цій статті розповідається про 20 фантастичних інструментів, які допоможуть вам ідеально підібрати колірне рішення.

У всесвітньому павутинні існує безліч інструментів для досягнення колірної «нірвани». Здається, що вони зовсім різні, але багато з них - лише змінені версії популярніших і корисніших інструментів.

Тому, щоб спростити процес вибору колірного рішення, ми зібрали 20 найкращих доступних інструментів. Вони допоможуть вам не розгубитися у пошуках відповідного варіанту та відчути «колірне блаженство»

01. Kuler

Kuler, можливо, найвідоміший інструмент для роботи із кольором.

Adobe Kuler, мабуть, найпопулярніший online інструмент для колірних тем, який пройшов шлях від простого інструменту для роботи з кольором в Інтернеті до повноцінного ресурсу, на якому можна створювати теми і ділитися з іншими. Плагіни доступні для всіх основних програм Adobe, включаючи Photoshop, Illustrator та InDesign, що робить Kuler чудовим багатофункціональним інструментом для постійних користувачів програм Creative Suite.

02. ColorExplorer

ColorExplorer може виконувати багато різних функцій.

Можна сказати, що це один із найпродуманіших інструментів, які є в Інтернеті. Він пропонує великий набір інструментів для дизайну, адаптування та аналізу ваших колірних палітр. Наприклад, інструменти, які допомагають визначити доступність WCAGвибору кольору, засоби конверсії, які дозволяють переміщатися між різними системами, а також все необхідне для вибору кольору та створення палітр.

03. Colors on the Web

Colors on the Web працює на базі Flash.

У Colors on the Web завантажуються однотонні кольори в кодах HEX або RGB, і він видає набір схем на основі різних математичних пропорцій. Цей інструмент не працює на iPad або iPhone, оскільки використовує Flash для запуску програми.

04. COLOURlovers

COLOURlovers трохи нагадує Pinterest для кольору

05. Pictaculous

Pictaculous дозволяє завантажувати зображення і на його основі генерувати колірну схему.

Цей інструмент від творців MailChimp дозволить завантажити зображення і створити колірну схему на базі його кольорів. Він сумісний із деякими іншими інструментами, такими як Kuler та Colourlovers. Pictaculous має зручний Adobe Swatch для завантаження тим, що дозволяє швидко і легко «захоплювати кольори», які потрібні, щоб доповнити фотографію.

06. Contrast-A

Contrast-A створює імітацію різних зорових дефектів.

Це не дуже простий інструмент для колірних схем. Він розроблений для того, щоб можна було переконатися, що ви створили WCAG-сумісну колірну схему, це відбувається шляхом попереднього перегляду рівнів контрасту, та використання техніки імітації відсутності сприйняття кольору та низької видимості. Contrast-A має масу посилань на посібники, у яких усе викладено у більш зручною для користувача формі, ніж у самому документі про технічні властивості.

07. ColoRotate

ColoRotate може похвалитися гарною візуаліацією "колірного колеса"

ColoRotate має схожі функції з Kuler, але відрізняється зображенням палітри на красивому тривимірному конусі та здатністю генерувати більш ніж 5 кольорів в одній схемі. Інструмент можна інтегрувати з деякими програмами Creative Suite. Також він доступний як програма для iPad і може працювати спільно з Photoshop в режимі «колерної консоль».

08. Hex Color Scheme Generator

HEX створює кольори, які добре поєднуються з наявною гамою кольорів.

HEX – це невеликий зручний інструмент для генерування кольорів. Просто задайте код кольору, і він виведе на екран набір приємних кольорів, які ідеально поєднуватимуться з вашими базовими кольорами.

09. Color Scheme Designer

Color Scheme Designer має кілька цікавих способів створення колірних тем.

Цей online-інструмент має схожі функції з Adobe Kuler. Але завдяки цікавим прийомам для створення колірних тем, дозволяє вибирати з властивостей схеми параметри яскравість/насиченість та контраст замість того, щоб «возитися» з окремими кольорами, з яких складається тема. Color Scheme Designer надає доступ до набору стандартних математичних методів, включаючи можливість гармонійного підбору кольорової гами дизайну для одного (mono), двох (complement), трьох (triad)або чотирьох (tetrad)квітів з відтінками та півтонами.

10. COPASO

COPASO - це чудовий засіб для вирішення кількох завдань.

Один із інструментів сайту COLOURlovers, COPASO заслуговує на окрему увагу, як як дозволяє одночасно вирішувати безліч питань при створенні палітр. Він є повним набором інструментів для вибору кольору на простому інтерфейсі. З його допомогою можна робити позначки до палітри, завантажувати зображення, одразу переходити за посиланнями CMYK та вибирати способи створення вашої колірної схеми.

11. Colourmod

Віджет Colourmod на робочому столі допомагає легко вибирати та визначати кольори.

Colourmod - це інструмент на робочому столі, який дозволяє легко вибирати один із кольорів у тій зоні, де знаходяться віджети, навіть якщо ви працюєте з програмою Dashboard для MacBook або використовуєте Konfabulator для Windows. Colourmod,сам по собі, не є інструментом для вибору палітри, але з його допомогою можна вибирати і визначати колір. При цьому вам не доведеться запускати інші більш важкі програми.

12. ColorZilla

ColorZilla працює в Chrome та Firefox.

Ця програма спочатку розроблялася як плагін для Firefox, але його також можна застосовувати в браузері Google Chrome. ColorZilla - це розширення, в якому є безліч різноманітних інструментів для роботи з кольором, у тому числі: вибір кольору, піпетка, створення градієнта CSS і перегляд палітр.

13. Colormunki

Colormunki дозволяє створювати колірну схему з урахуванням зразків Pantone.

Зручний інструмент для роботи online представлений творцями Colormunki для калібрування кольору. Ви можете створювати палітри на основі колірних зразків Pantone у режимі online та використовувати різні прийоми, щоб підібрати приємні поєднання.

14. colr.org

За допомогою Colr.org можна побачити колірну гаму ваших зображень.

Цей простий інструмент дає унікальну можливість проаналізувати схему кольору зображення (в інших програмах ця функція виконується автоматично). Таким чином, ви можете побачити, з яких кольорів ваша картинка, і вибрати ті з них, які вам подобаються, щоб задати їх як основні кольори теми.

15. ColourGrab

ColourGrab - чудовий компактний генератор колірних схем зображень.

Цей зручний інструмент створює колірну палітру на основі будь-якого зображення в Інтернеті. Просто введіть адресу зображення, яку ви хочете проаналізувати, сайт «захопить» його, визначить його колірну гаму і створить нескладну 3D-діаграму, яка відображатиме використання різних кольорів для цього зображення. Нехай він є не найкращим варіантом для стандартних тем, але ColourGrab відмінно підійде для аналізу розподілу кольору на зображеннях.

16. ColorBlender

ColorBlender створює набір із п'яти кольорів, які добре поєднуються між собою.

Цей сайт є простим інструментом, який дозволяє створити зразок зображення, налаштувати кольори і простежити в реальному часі за тим, як підбирається набір з 5 кольорів, що чудово поєднуються. Палітри можна завантажити у Photoshop або Illustrator у форматі EPS.

17. GrayBit

GrayBit ​​дозволяє проаналізувати сайт, щоб дізнатися, як він виглядає у відтінках сірого.

Цей зручний інструмент не підбирає безпосередньо колірні теми, але він дозволяє проаналізувати сайт, щоб побачити, як він виглядає, якщо перевести його у відтінки сірого. Це допоможе перевірити, чи ви досягли достатнього контрасту колірної палітри, щоб вона була зручною для сприйняття.

18. COLRD

COLRD ідеально підходить для того, щоб ділитися своїми колірними схемами та дізнаватися про нові.

Цей барвистий сайт - відмінне джерело натхнення, тут користувачі діляться своїми кольорами, а також градієнтами та картинками. Це не просто сайт для створення колірних схем, а швидше справжнє свято для естетичного сприйняття, і сюди варто заглянути, щоб зробити пару приголомшливих відкриттів.

19. Color Hunter

Color Hunter – це чудовий сайт, на якому можна знайти нові кольори.

Color Hunter допомагає швидко підібрати колірну гаму завантажених зображень через пошук відповідного тега або за допомогою посилань HEX. Швидкий та легкий у застосуванні, сайт дозволяє робити цікаві кольорові відкриття.

20. Stripe Generator 2.0

Stripe Generator 2.0 допомагає привертати увагу до ваших колірних рішень.

Про нього часто говорять як про «останній інструмент для веб2.0». Stripe Generator 2.0 - гарний засіб для створення приємних колірних комбінацій та незвичайних картинок одночасно.

Колір – один із найважливіших елементів у роботі дизайнера. Але його, як концепцію, досить складно освоїти: через безліч комбінацій палітр часто важко вирішити, як краще оформити інтерфейс веб-сторінок і додатків. Раніше ми публікували огляди інструментів на вибір і . Сьогодні хочемо розширити тему, розмістивши в блозі переклад статті Essential Color Tools for UX Designers від Nick Babich.

Замітка містить список кращих сервісів підбору кольору для сайтів і UX-дизайну, які допоможуть значно заощадити вам час. Завдяки даним проектам ви дізнаєтесь:

  • звідки черпати натхнення;
  • як створити власну палітру;
  • як зробити дизайн доступним людям із порушеннями колірного зору.

1. Шукаємо натхнення

Фарби природи

Черпайте з навколишнього світу. Все, що вам потрібно – просто озирнутися. Модний одяг, обкладинки книг, дизайн інтер'єру ... вас оточує так багато чудових речей. Але найкращі колірні поєднання – це фарби природи. Зафіксуйте гарний момент і спробуйте створити власну вибірку на основі конкретного зображення.

Найкращі поєднання фарб – у природі. Можете отримати колірну схему з будь-якого фото

Behance

У популярному сервісі знайдете цікаві роботи, включені в найкращі онлайн-портфоліо справжніх професіоналів своєї справи. Цей сайт – також чудове джерело натхнення. Щоб переглянути нові приклади проектів, просто виберіть потрібний колір.

Dribbble Colors

Dribbble - одна з кращих , яка стане в нагоді при створенні інтерфейсу користувача. Якщо ви бажаєте візуально зрозуміти, як інші спеціалісти використовували конкретний колір, відкрийте сторінку за посиланням dribbble.com/colors і вкажіть потрібне значення.

Підбираючи колір для сайту, тут можна задати мінімальний його відсоток — поекспериментуйте, наприклад, спробуйте поставити 30% синього.

Спробуйте вказати мінімальний відсоток певного кольору в Dribbble

Designspiration

Designspiration – корисний інструмент насамперед тим, хто вже має ідеї колірних комбінацій і хто хоче побачити приклади таких поєднань. Виберіть від 1 до 5 варіантів, і знайдете зображення, що відповідають зазначеним параметрам.

У Designspiration знайдете різні приклади комбінацій кольорів

Tineye Multicolr

За допомогою сервісу підбору кольору Tiney Multicolr зможете визначити бажану гаму зображення і навіть задати відсоток кожного з них (співвідношення). Сайт інтегрований з базою даних, що складається з 20 млн. фоток Creative Commons від Flickr. Це безперечно один з найшвидших способів знайти в ідеальній палітрі.

Colorzilla

ColorZilla – розширення для встановлення у браузерах Chrome та Mozilla Firefox. Воно включає такі інструменти, як «піпетка», функції перегляду палітр, створення і багато іншого.

Розширення ColorZilla доступне в Chrome та Firefox

Shutterstock Spectrum

Один з кращих способів уявити, як виглядатиме кольорова гама, – подивитися відповідні зображення. Більшість рішень, що пропонують вибір кольору для дизайну сайту, включають подібну функцію, але Shutterstock Spectrum має неймовірно зручний інтерфейс і попередній перегляд, що дійсно може виявитися корисним.

Причому вам не буде потрібно підписка, оскільки попередньої оцінки картинки буде цілком достатньо (навіть незважаючи на те, що на ній присутній «водяний знак»).

W3Schools

Нещодавно у блозі розглядали добірку від W3Schools. Там зібрано дуже багато інформації на тему, починаючи від їх назв/кодів відтінків, теорії поєднання палітр і закінчуючи описом різних форматів: HEX, RGB, CMYK, HWB та ін. Також знайдете простенькі генератори, конвертори тощо «міні-сервіси». Загалом, цікаво подивитися.

2. Створюємо колірну палітру

Material Design Color Tool

Сервіс підбору кольорів для сайту Material Design Color Tool дозволить створювати колірні схеми, ділитися ними і переглядати приблизний інтерфейс для підібраних вами параметрів. Одна з корисних функцій – вимірювання рівня доступності будь-якого поєднання кольорів.

Coolors

Coolors – сайт для створення кольорової палітри. Просто закріпіть певний колір та натисніть на «пробіл». Інструмент хороший також тим, що ви отримаєте не один результат, а можете згенерувати кілька варіантів, змінивши лише початкові дані.

Колірна схема в Coolors на основі фото

Adobe Color CC

Сервіс підбору кольору Adobe Color CC (раніше Kuler) зараз досить популярний. Він є у вільному доступі в інтернеті, але існує також і десктор-версія. За допомогою цієї веб-програми ви зробите свою палітру, використовуючи колірне коло:

А можете отримати певний результат із готового зображення:

Підбір кольору для сайту по картинці

Тут є сотні готових комбінацій, шукайте їх у розділі «Дивитись»:

Якщо користуєтеся десктоп-версією, то зможете в один клік експортувати створену вами колірну систему в InDesign, Photoshop та Illustrator.

Paletton

Його часто порівнюють із попереднім Adobe Color CC, оскільки ці проекти дуже схожі. Різниця лише в тому, що Paletton ви не обмежені п'ятьма параметрами, а можете експериментувати з додатковими тонами інтерфейсу.

Додатково можете переглянути . Разом з іншими програма дозволяє працювати в будь-якому місці, просто використовуючи свій смартфон. Крім безпосередньо завдань зі створення/експорту колірних палітр, тут можна вибирати певні кольори з картинок або використати базові варіанти.

3. Робимо палітру доступною

Нині порушення колірного сприйняття значно поширеніші, ніж ми припускаємо. Близько 285 млн людей у ​​світі мають проблеми зі зором. Завжди потрібно перевіряти, чи доступна обрана вами таким користувачам.

WebAIM Color Contrast Checker

Одні тони чудово поєднуються один з одним, інші ж зовсім навпаки. Величезна кількість проектів не проходять тест А/А, і це факт. Дуже важливо перевіряти візуальне оформлення інтерфейсу та контрастність тонів, особливо якщо на сторінці багато тексту. Для цього використовуйте при підборі кольорів сайту.

WebAIM Color Contrast Checker – веб-інструмент, за допомогою якого перевіряються колірні коди у шістнадцяткових значеннях.

Coolors

Про цей сервіс ми вже згадували вище. До того ж Coolors також допоможе вам перевірити придуману палітру на колірну сліпоту.

Тип колірної сліпоти у схемі

Замість режиму «Звичайний» виберіть тип проблеми із зором, який ви бажаєте зімітувати. В результаті зрозумієте, як саме людина, яка не здатна розрізняти певні кольори, побачить ваш дизайн.

Так людина з протаномалією бачить палітру

NoCoffee Vision Simulator для Chrome

За допомогою сайту NoCoffee Vision Simulator зможете переглянути, як люди з колірною сліпотою або слабким зором сприйматимуть певні веб-сторінки. Наприклад, вказавши параметр «Ахроматопсія» у розділі «Color Deficiency», ви побачите веб-сторінку у сірому кольорі.

Так виглядає проект CNN для людини з дейтеранопією

Висновок

Всі сервіси підбору кольору для сайтів та UX-дизайну, згадані в статті, напевно допоможуть вам у пошуках цікавої та ефективної гами. Але пам'ятайте: найкращий спосіб навчитися створювати дивовижні палітри – багато практикуватися та експериментувати.

Колір широко використовується в дизайні, - він дозволяє "оживити" зміст - створити смисловий зв'язок елементів, наповнити роботу емоціями та настроєм. Дизайнери-початківці беруть випадкові кольори, але є способи використовувати колір більш осмислено. Розглянемо 4 таких методи, організованих за принципом від простого до складного.

1. Використати відому гаму

На сайті brandcolors.net зібрано понад 500 поєднань кольорів відомих брендів. Яндекс, Google, Burger King використовують одну палітру у всіх своїх продуктах. Ці бренди та їхні кольори знайомі та улюблені багатьма. Наберіть назву в рядку пошуку або погортайте сторінку, натисніть на потрібний бренд і колір: його код скопіюється в буфер обміну.

2. Вибрати готову професійну палітру

Найпростіший спосіб – взяти готове поєднання кольорів. Не обов'язково щоразу винаходити велосипед, адже гармонійні поєднання відомі давно. Зайдіть на colordrop.io та вибирайте. На сайті є сотні професійних 4-колірних палітр. Вибравши потрібну, натисніть і скопіюйте коди кольорів з панелі праворуч.


Окрім цього, сервіс містить готову добірку із 24 кольорів плоского дизайну. Натисніть ліворуч під назвою «Flat Colours» і беріть код відтінку, що сподобався.


3. Визначити палітру кольорів фотографії або картинки, що сподобалася.

Цей спосіб трохи складніший. Але й ефектніше.

  • На сайті coolors.co у верхній панелі зліва знайдіть значок фотоапарата, натисніть на нього. Відкриється вікно завантаження зображення.
  • Можна вибрати фото або картинку з колірною гамою, що сподобалася, з комп'ютера або скопіювати посилання в порожню графу.
  • Сервіс визначить поєднання кольорів (внизу під завантаженим малюнком).
  • Змінювати окремі кольори цієї палітри можна, позначаючи їх та вибираючи точку на фото, з якої потрібно взяти колір.
  • Кнопка «Collage» зберігає палітру з кодами кольорів на комп'ютері.
  • Кнопка «Auto» генерує нові поєднання на основі того самого фото.
  • Натисніть «Ок» та перейдіть на головну сторінку сайту для подальшої роботи з палітрою.

Головна сторінка сайту не менш функціональна. Тут можна підібрати відтінки окремих кольорів або зібрати нову палітру, замінивши окремі кольори.

4. Створити свою колірну гаму онлайн

Завантаживши фото на той же сайт coolors.co, можна не тільки визначити код кольору, а й створити власні поєднання. Для цього натисніть пробіл - сервіс автоматично створює поєднання з 5 кольорів.

на кожному кольорі 4 значки-кнопки:

  • Alternative shades - Відтінки кольору (темніше і світліше),
  • Drag (Перемістити колір праворуч або ліворуч по панелі),
  • Adjust (Налаштувати тон, насиченість, яскравість та ін.),
  • Lock (зафіксувати колір).

Кольори для веб-дизайну грають величезну роль. Щоб грамотно підібрати колірну схему для сайту, є спеціальні сервіси. Упевнена, що кожен веб-дизайнер в закладках має хоча б один такий.

Іноді ось сидиш і думаєш, який відтінок блакитного вибрати основним для сайту, трохи світліший або яскравіший, а може темніше взяти… А до нього ще треба додаткові підібрати. Можна звичайно робити це і на око, але краще скористатися одним із спеціальних сервісів.

Я не розповідатиму про теорію кольору (це занадто об'ємна інформація), а просто опублікую тут сервіси, які є в мене в закладках і якими я користуюся.

З цим інструментом я дружу вже багато років. Найзручніший інструмент для підбору кольорів (на мій погляд). Має багато додаткових можливостей. Наприклад, можна побачити приклад світлої та темної сторінки з вибраними кольорами.

Є можливість оцінити, як бачитимуть вашу колірну гаму люди з дальтонізмом та іншими особливостями зору. Можна вибрати безпечні веб-кольори.

Adobe Kuler є другий веб інструмент, який я досить часто використовую. Підбір колірної схеми відбувається практично так, як і на попередньому сайті, але люблю я його не за це. Крім того, що ви самі можете створювати колірні схеми, ви можете подивитися та використовувати схеми, створені іншими людьми.

Для цього треба натиснути кнопку у верхньому лівому меню «Дивитись». І перед вами відкриється галерея всіляких поєднань кольорів.


Цей інструмент трохи схожий на Сolorscheme, але має менше функцій, зате є можливість подивитися, як виглядатимуть колірні блоки.

Цим сайтом я практично не користуюся, але якщо він є у мене в закладках, то вирішила додати і його.


Наступні два сайти генерують палітру із вибраного вами зображення. It is magic:)

Ви вибираєте будь-яку картинку, кольори якої вам подобаються, сервіс її аналізує та видає вам колірну палітру. Ці два сайти відрізняються лише тим, як надавати їм зображення.


На цей сайт потрібно завантажитизображення зі свого комп'ютера.


Дуже зручний інструмент для вибору кольору. Заснований на принципі "Подобається - Не подобається".


flatcolors.net

Як видно з назви, тут можна підібрати кольори для модного зараз плоского дизайну. Сайт цікавий тим, що вибравши палітру, ви можете завантажити її для програм Corel та Photoshop.


materialpalette.com

Ще один модний тренд – матеріал дизайн. Цей сайт допомагає підібрати поєднання кольорів для UI (user interface). Додатково на сайті є великий набір іконок.


І насамкінець знову user interface. Тут просто набір кольорів для UI дизайну. Натиснувши на будь-який колір, можна подивитися, як на певному тлі читатиметься білий текст.


Ось такі інструменти є в закладках.

Напишіть у коментарях, якими сайтами підбору кольору для веб-дизайну користуєтеся ви?

Потрібен сайт із правильними квітами? , зробимо:)

Знайшли помилку?Виділіть фрагмент тексту та натисніть CTRL+ENTER

Представляємо корисний інструмент для підбору колірної гами – колірне коло Іттена.

Що це таке?

Якщо виразитися коротко - це три диски розміщені на одній осі, на поверхнях яких відображені всі основні кольори світлового спектру, а також максимально можлива кількість відтінків і шкала контрастності.

Взаємне розташування кольорів, відтінків, прорізів та покажчиків на колі реалізовано на основі законів "колористики" (теорії кольору)Тому з його допомогою дуже зручно підбирати гармонійні поєднання відтінків там, де це необхідно.

Тобто фактично - це "жива", матеріальна шпаргалка, на якій відображаються всі основні колористичні схеми. "Жива", тому що її можна взяти до рук, на відміну від зображення на екрані.

Влаштування колірного кола

Сторона дизайнера



Сторона художника




Купити


Природно, таким на перший погляд складним пристроєм потрібно вміти користуватися, тому на нашому сайті ви можете не тільки купити колірне коло, але і ознайомитися з його пристроєм, прочитати інструкції про те як ним користуватися, подивитися різне відео по цій темі.

Рекомендуємо також ознайомитися з онлайн-сервісом по підбору кольору в одязі.

Коло для підбору колірних комбінацій

Попередником даного пристрою у його сучасному вигляді є кольорове кільце Іттена (дивіться малюнок нижче).

Саме Йоханесс Іттен першим з усього спектру виділив саме дванадцять кольорів і розташував їх по колу таким чином, що пари, що контрастують один з одним, виявилися один навпроти одного. У центрі він розташував трикутник з трьома основними кольорами - червоним, синім і жовтим (саме з них можна отримати всі інші шляхом змішування у різних пропорціях). Цей трикутник Іттен уклав у шестикутник, усередині якого позначив які відтінки вийдуть при змішуванні основних кольорів у рівних пропорціях.

Тобто перше інформаційне послання, яке несе в собі така схема розташування адресоване художникам-початківцям - вони можуть наочно бачити результати змішування різних фарб.

Розглянемо цей момент трохи докладніше.

Чому основних кольорів дванадцять?

  • Як бачите на наведеному малюнку, є три первиннихкольори (які також називають основними).
  • Шляхом їх змішування попарно в рівній пропорції можна отримати три вторинних, разом - шість.
  • Суміш первинногоіз сусіднім по колу вториннимдає третиннийколір. Виходить ще шість комбінацій, разом - дванадцять.(Так само, третинні кольори можна отримати змішуючи первинні в нерівній пропорції)

Звичайно, дванадцяти кольорів обмаль, щоб зорієнтуватися в навколишньому різноманітті фарб і знайти на бажаний відтінок, або побачити що вийде при змішуванні не сусідніх, а довільних кольорів. Тому ті кола, які ви можете знайти у продажу або замовити на цьому сайті, влаштовані складніше і несуть в собі набагато більше корисної інформації, ніж просте "дванадцятичасте кільце Іттена".

Гід зі змішування фарб

З його допомогою можна визначати результат змішування довільних кольорів та відтінків – кількість комбінацій виходить достатньою для того, щоб художник зміг зрозуміти які кольори потрібно змішати для отримання даного відтінку. Це чудова допомога в малюванні, особливо для художників-початківців.

Навіть якщо відтінок злегка відрізняється від бажаного - потрібного результату можна домогтися змінюючи пропорції фарб, що змішуються.

А як визначити ці самі пропорції? Невже навмання? Ні, колірне коло може допомогти і в цьому.

Шкала насиченості

Ця шкала знаходиться на тій же стороні, що і гід по змішуванню, так як ці дві функції працюють у парі.

Шкала насиченості є градацією сірих тонів від чорного до білого. З представлених на шкалі сірих клітин різної яскравості можна завжди знайти сірий відтінок максимально близький за насиченістю до необхідного відтінку, після чого стане ясно на скільки потрібно затемнити або освітлити фарбу.

Щоб зрозуміти як це робиться практично, перегляньте це відео:

Схеми колірних сполучень

Зворотний бік диска несе в собі не менше корисної інформації, а може навіть більше - вона допомагає підбирати поєднання кольорів виходячи з обраної схеми.

Схема колірних поєднань - це фігура, у найпростішому випадку лінія, що з'єднує кольори, що "відповідають" один до одного. Формулювання дуже розпливчасте, тому що підбір хроматичної гами – це одночасно і наука та мистецтво.

По-перше, гармонія чи дисгармонія фарб – це дуже суб'єктивне поняття. Як то кажуть, "на смак та колір товариша немає".

По-друге, "придатні" вони або "невідповідні" - все залежить від конкретної ситуації, настрою, від того, що саме хоче сказати художник або дизайнер, від того в якому стилі виконується дана робота, чи потрібно виділити якийсь елемент, або навпаки - зробити його непомітним.

Колірне коло - це інструмент, на якому можна візуально відобразити всі основні колористичні схеми, але користуватися цим інструментом потрібно вміти. Ви повинні самі знати, або хоча б відчувати, яка зі схем найбільше підходить для вашого завдання. Ми зі свого боку постараємося викласти на цьому сайті максимум корисної інформації про те, як користуватися колірним колом (дивіться розділ

Завантаження...
Top