Кольори відіграють важливу роль у взаємодії користувача з інтерфейсом. За їх допомогою можна створити візуальну ієрархію, привернути увагу до важливих елементів, викликати певні емоції.
Вибираючи кольори для дизайну, важливо враховувати контекст і мету. Наприклад, яскраві кольори можна використовувати, щоб привернути увагу до важливих елементів, а приглушені — створити заспокійливу атмосферу. Обмежена палітра може допомогти створити відчуття узгодженості та звичності, тоді як широкий діапазон кольорів можна використовувати для створення більш яскравого та динамічного дизайну. Крім того, важливо враховувати доступність дизайну, оскільки користувачам з дальтонізмом можуть бути важко розрізнити певні кольори.
Ми зібрали для вас добірку цікавих інструментів яки допоможуть вам підібрати гармонійні кольори та відтінки за допомогою колірного колеса та інших методік. Ви сможете дізнатися психологію кольору у брендингу та конвертувати кольори між форматами RGB, HEX, CMYK і Pantone. Тестуйте, диліться відгуками та своїми улюбленими інструментами
ColorSpace
Більше не треба витрачати години на пошук ідеальної кольорової палітри! Просто введіть колір і сайт створить найкращі палітри для вас
Colors Combinations
Фотографи бачать світ крізь об’єктив і фіксують у своїх роботах неймовірні поєднання кольорів у природі.
Ми хочемо показати, що натхнення можна знайти в нашому середовищі. Ми хочемо показати, як цікаво використовувати побачене в дизайн-проектах, а саме, як комбінувати кольори, відтінки та створювати нестандартні поєднання.
Adobe Color
Створюйте колірні схеми за допомогою колірного кола та переглядайте тисячі колірних комбінацій
Color Leap
Зробіть стрибок крізь час і побачте фарби історії.
Color Review
Що потрібно знати про кольори та доступність. Сучасний інструмент для вивчення та пошуку доступних кольорів
Palettte App
Palette App — це безкоштовний інструмент для дизайну, який допомагає вам створювати, аналізувати та точно налаштовувати колірні палітри.
Color Selector
Це цифровий інструмент і база даних кольорів і зображень для арт-директора, провісника трендів, художника, дизайнера та інших творчих сфер із особистим сприйняттям кольору.
Цей інструмент і його канал кольорів пропонують велику різноманітність комбінацій кольорів, від базових кольорів до неонових, пастельних, яскравих і природних відтінків
Leonardo Color
Leonardo — це єдиний у своєму роді інструмент для створення, керування та спільного використання систем доступних кольорів для проектування інтерфейсу користувача та візуалізації даних
Huetone
Додаток допомагає створювати доступні системи кольорів із передбачуваним коефіцієнтом контрастності.
Hayk An Scale
Scale — це генеративний спосіб створення колірних палітр.
Велика добірка інструментів для роботи з кольорами, створення палітр та генерації колірних схем
Ми зібрали величезну коллекцію інструментів, серед яких ви зможете знайти багато корисних та цікавих ресурсів для підбору кольорів і роботі з палітрами
Color SelectorБаза даних кольорів і зображень для художників, дизайнерів, фотографів, друкарів або цікавих людей і моє особисте сприйняття кольору |
|
ColorSpaceТут ви можете знайти ідеальну відповідну колірну схему для вашого наступного проекту! Створюйте гарні палітри кольорів, градієнти та багато іншого |
|
Colourco.deОнлайн-інструмент конструктора, який дозволяє легко та інтуїтивно поєднувати кольори |
|
Adobe Color CCСтворюйте колірні схеми за допомогою колірного кола або переглядайте тисячі колірних комбінацій |
|
BrandColorsНайбільша колекція офіційних кольорових кодів брендів. Включає шістнадцяткові коди кольорів для понад 500 брендів, включаючи Facebook, Twitter, Instagram та багато інших |
|
Color DesignerЛегко створіть палітру кольорів для свого проекту. Інструмент також створить для вас відтінки та відтінки |
|
Color HuntКолірні палітри для дизайнерів і художників. Тисячі модних кольорових палітр, підібраних вручну |
|
Color LeapЗнайдіть 180 кольорових палітр, які використовувалися протягом останніх 4000 років |
|
Color ReviewЩо потрібно знати про кольори та доступність. Сучасний інструмент для вивчення та пошуку доступних кольорів |
|
Conic StyleГарні, прості конічні градієнти |
|
Happy HuesСайт натхнення для палітри кольорів, який є реальним прикладом того, як кольори можна використовувати у ваших дизайнерських проектах |
|
Material Design Palette GeneratorСтворіть ідеальні палітри кольорів Material Design з будь-якого шістнадцяткового введення та отримайте рекомендації щодо кольору |
|
MESHСтворюйте красиві градієнти прямо у своєму браузері |
|
Who Can UseІнструмент, який привертає увагу та розуміння того, як колірний контраст може впливати на різних людей із вадами зору. |
|
BlendСтворюйте та налаштовуйте красиві градієнти CSS3 |
|
calcolor.coНовий спосіб знаходити, змінювати та обмінюватися цифровими кольорами. Залиште позаду абстрактні кольорові моделі і зосередьтеся на важливих речах |
|
Color ClaimСтворений у 2012 році Тобіасом ван Шнайдером з метою збирання та комбінування унікальних кольорів для майбутніх проектів |
|
Color Parrot CompagnionІнформація про сайт поєднання кольорів |
|
ColorBoxColorBox — це колірний інструмент для створення наборів кольорів. Зроблено Lyft Design |
|
ColorkitColorkit створює колірні шкали шляхом змішування відтінків між двома кольорами. Введіть початковий і кінцевий колір і виберіть кількість кроків змішування, щоб показати ступінчастий градієнт. |
|
colors.lolЗанадто описові палітри кольорів. Створено як веселий спосіб відкривати цікаві поєднання кольорів |
|
COLOURloversМіжнародна спільнота дизайнерів і художників усіх типів, які відвідують сайт, щоб отримати натхнення, ідеї та відгуки щодо своїх професійних та особистих проектів |
|
Coolors.coСупершвидкий генератор колірних схем. Створюйте, зберігайте та діліться ідеальними палітрами за лічені секунди |
|
CSS GradientБезкоштовний інструмент для створення градієнтів css, який дозволяє створити барвистий градієнтний фон |
|
CulrsCulrs дає вам простий розумний підхід до вибору колірної палітри |
|
Flat UI Colors 2Загальний набір з 14 кольорових палітр і 280 кольорів для ваших дизайнів, проектів, презентацій та інших потреб |
|
GrabientГарний і простий інтерфейс користувача для створення веб-градієнтів |
|
Gradient MagicГалерея фантастичних та унікальних градієнтів CSS |
|
HTML Color CodesЛегко знаходьте коди кольорів HTML для свого веб-сайту за допомогою нашого засобу вибору кольорів, діаграми кольорів та назв кольорів HTML |
|
KhromaІнструмент кольору AI для дизайнерів. Знаходьте, шукайте та зберігайте поєднання кольорів, які вам сподобаються |
|
LeonardoГенератор кольору на основі контрасту з відкритим кодом |
|
Muzli ColorsГенератор колірної палітри який дозволяє створювати красиві кольорові схеми |
|
Open ColorВідкритий колір — це колірна схема з відкритим вихідним кодом. Оптимізовано для інтерфейсу користувача, такого як шрифт, фон, бордер тощо. |
|
Palettte AppПрограма Palettte допомагає створювати, аналізувати та редагувати гладкі палітри кольорів |
|
PicularPicular — це швидкий генератор основного кольору, який використовує пошук зображень Google |
|
PigmentУнікальний спосіб створення свіжих і яскравих кольорів на основі освітлення та пігменту, а не математики |
|
ScaleГрайливий генератор колірних шкал |
|
Shade GeneratorСтворіть колірні коди для відтінків і відтінків кольорів, які ви використовуєте щодня |
|
uiGradientsПідібрана колекція красивих кольорових градієнтів для дизайнерів і розробників |
|
Web GradientsБезкоштовна колекція із 180 лінійних градієнтів, які ви можете використовувати як фони вмісту в будь-якій частині вашого веб-сайту |
|
WheelГрайливий генератор колірного кола |
|
Color LisaКолірна палітра шедеври від найкращих художників світу |
|
Color SafeРозширення прав і можливостей дизайнерів за допомогою красивих і доступних кольорових палітр на основі рекомендацій WCAG щодо співвідношення контрастності тексту та фону |
|
Colors by KlartПрекрасні кольорові палітри, керовані даними |
|
Colors ToolsПозбавтеся від здогад, вибираючи правильні кольори для наступної ілюстрації та інтерфейсу користувача. |
|
ColorSlurpІдеальний засіб підвищення продуктивності кольору для розробників або дизайнерів |
|
ContrastДодаток для macOS для швидкого доступу до коефіцієнтів колірної контрастності WCAG |
|
Contrast RatioЛегко розрахуйте коефіцієнт контрастності кольорів. Пройти WCAG ніколи не було так легко! |
|
Site PaletteРозширення для браузера для створення вичерпних палітр. Необхідний інструмент для дизайнерів і розробників інтерфейсу. Безкоштовне вилучення колірної схеми |
|
Tint and Shade GeneratorЛегко створюйте відтінки та відтінки з кроком 10%. |
Топ коментарі (1)
А які ваші улюблені інструменти для роботи з кольорами? Ділиться своїми враженнями та знахідками у коментарях