Даруємо!!!

Графічний дизайн. Інструменти з підбору колірних схем


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

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

Adobe Color CC

Компанія Adobe перейменувала свій проект Kuler в Color

Ви можете бути знайомі з цим інструментом по його колишній назві – Adobe Kuler. Однак зовсім недавно компанія Adobe перейменувала один зі своїх популярних веб-додатків в Adobe Colour CC.

Адоб колор онлайн дозволяє підбирати, створювати і зберігати різні колірні схеми, в кожній з яких можуть бути присутні до п’яти кольорів. Adobe color online доступний як в браузерній, так і в десктопній версії. Якщо ви використовуєте десктопну версію adobe color cc онлайн, то ви зможете експортувати колірну схему прямо в Photoshop, Illustrator та InDesign.

Mudcube Colour Sphere

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

Mudcube Colour Sphere – дуже зручний мініатюрний ресурс для дизайнерів, який не тільки пропонує hex-коди обраних кольорів, але і дозволяє створювати колірні схеми для власних проектів. Також варто відзначити, що в Mudcube є власна галерея готових ресурсів, які також можна використовувати.

Підбір кольору онлайн за допомогою Check my Colours

Check my Colours розроблений спеціально для оцінки та добірки комбінації фону і основного кольору для всіх DOM-елементів. А також для того, щоб з’ясувати, чи достатньо елементи гармонують між собою. Всі тести засновані на алгоритмах, рекомендованих World Wide Web Consortium (W3C).

Колірна палітра онлайн за допомогою The Color App

Додаток допоможе дізнатися RGB, HEX, а також HSLA-значення вибраних кольорів

iOS-інструмент The Color App дозволить легко і просто визначати колір за допомогою великої кольорової палітри. Він дозволяє дізнатися RGB, HEX і HSLA-значення кольорів, а також створювати власні колірні схеми для сайту.

Підбір кольорової гами онлайн за допомогою Color Hunter

Color Hunter формує колірну схему на основі обраного зображення

Це дуже зручний інструмент, особливо якщо необхідно знайти якийсь конкретний колір. Виберіть зображення та завантажте його в Color Hunter. Інструмент створить колірну палітру на основі обраного зображення. Це відмінний метод створення власних колірних схем.

Поєднання кольорів – онлайн підбір за допомогою TinEye

Якщо вам потрібно отримати конкретний колір, просто введіть HEX-значення в URL

На цьому сайті використовується база даних, що складається з 10 мільйонів зображень, доступних безкоштовно за ліцензійною угодою Creative Commons, які творці ретельно відібрали з Flickr. Їх можна використовувати для генерації відповідних колірних схем.

Підбір кольорів онлайн за допомогою Color

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

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

Вибір кольору онлайн за допомогою SpyColor.com

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

Колірні поєднання онлайн за допомогою Designspiration

На Designspiration можна вибрати до п’яти відтінків за допомогою зручної палітри на всю сторінку, яка допоможе без зусиль знайти саме ті колірні схеми HTML, які ви шукаєте. Після цього сайт згенерує сторінку з усіма зображеннями з бази даних, в яких використовується схожа колірна комбінація. Також будуть надані HEX-значення, які можна використовувати у власних проектах. А зображення можна зберігати в колекціях на сайті.

Підбір кольорів для сайту онлайн за допомогою ColorExplorer

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

Hex Color Scheme Generator

Невеликий зручний інструмент для генерування комбінації кольорів на основі одного обраного відтінку. Вставте Hex-значення кольору, а інструмент надасть набір відповідних кольорів, які можна буде використовувати разом з основним.

Створити палітру кольорів онлайн за допомогою COLOURlovers

COLOURlovers є спільнотою для обміну колірними схемами. Тут можна черпати натхнення з колірних наборів інших користувачів, а також створювати власні і ділитися ними.

Створити колірну палітру онлайн за допомогою Color Scheme Designer

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

Генератор поєднання кольорів COPASO

Один з інструментів з сайту COLOURlovers. Але COPASO гідний окремої уваги, тому що являє собою неймовірне рішення «всеводному», і дозволяє легко генерувати готові колірні схеми для сайту. Тут представлено безліч інструментів для підбору кольору, і всі вони розміщуються в зручному і простому інтерфейсі. Крім цього, до палітри можна додавати замітки, завантажувати зображення і т.п.

Colourmod

Colourmod є програмним забезпеченням, яке дозволяє вибирати окремі кольори з області віджетів, незалежно від того, чи використовуєте ви Mac або Konfabulator на Windows. Це не зовсім простий інструмент для роботи з колірними палітрами, однак він допоможе швидко і просто визначати колір без необхідності завантажувати великовагові програми.

Підібрати палітру кольорів онлайн за допомогою ColorZilla

ColorZilla доступний як для Chrome, так і для Firefox

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

Colormunki

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

colr.org

Colr.org дозволяє встановити діапазон кольорів будь-якого зображення

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

ColourGrab

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

ColorBlender

ColorBlender генерує палітру з п’яти поєднаних кольорів

Один з найпростіших інструментів, який дозволяє налаштовувати кольоровість і в режимі реального часу отримувати п’ять поєднаних між собою кольорів. Згенеровану палітру можна завантажити в Photoshop або Illustrator у вигляді EPS-файлу.

GrayBit

GrayBit дозволяє аналізувати сайти, щоб зрозуміти, як би вони виглядали в градації сірого

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

COLRD

Інструмент, який можна використовувати в якості джерела натхнення або для обміну колірними схемами. Звичайно, цей ресурс не допоможе з генеруванням схем, але його обов’язково слід взяти на замітку.

Shutterstock Spectrum

Зображення можна фільтрувати за кольоровим балансом і яскравістю

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

Stripe Generator 2.0

Може здатися, що цей інструмент вже давно застарів. Однак ви все одно зможете ефективно використовувати його для створення готових колірних схем для сайту і привабливих патернів.

Colors on the Web

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

Pictaculous

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

Contrast-A

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

ColoRotate

Інструмент пропонує схожий з Kuler функціонал, але при цьому красиво візуалізує колірні палітри, а також дозволяє генерувати більше п’яти кольорів в одній схемі. Його можна безпосередньо інтегрувати в деякі програми Creative Suite. Цей інструмент також доступний у вигляді додатку для iPad, пропонуючи відмінну інтеграцію з Photoshop, де він може виступати в ролі панелі кольорів.