UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Інструменти для роботи з кольорами
Dinozavrix для Bookmarks

Опубліковано

Інструменти для роботи з кольорами

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

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

Ми зібрали для вас добірку цікавих інструментів яки допоможуть вам підібрати гармонійні кольори та відтінки за допомогою колірного колеса та інших методік. Ви сможете дізнатися психологію кольору у брендингу та конвертувати кольори між форматами RGB, HEX, CMYK і Pantone. Тестуйте, диліться відгуками та своїми улюбленими інструментами


ColorSpace

ColorSpace

Більше не треба витрачати години на пошук ідеальної кольорової палітри! Просто введіть колір і сайт створить найкращі палітри для вас


Colors Combinations

Colors Combinations

Фотографи бачать світ крізь об’єктив і фіксують у своїх роботах неймовірні поєднання кольорів у природі.

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


Adobe Color

Adobe Color

Створюйте колірні схеми за допомогою колірного кола та переглядайте тисячі колірних комбінацій


Color Leap

Color Leap

Зробіть стрибок крізь час і побачте фарби історії.


Color Review

Color Review

Що потрібно знати про кольори та доступність. Сучасний інструмент для вивчення та пошуку доступних кольорів


Palettte App

Palettte App

Palette App — це безкоштовний інструмент для дизайну, який допомагає вам створювати, аналізувати та точно налаштовувати колірні палітри.


Color Selector

Color Selector

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

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


Leonardo Color

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

Інформація про сайт поєднання кольорів

ColorBox

ColorBox — це колірний інструмент для створення наборів кольорів. Зроблено Lyft Design

Colorkit

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

colors.lol

Занадто описові палітри кольорів. Створено як веселий спосіб відкривати цікаві поєднання кольорів

COLOURlovers

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

Coolors.co

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

CSS Gradient

Безкоштовний інструмент для створення градієнтів css, який дозволяє створити барвистий градієнтний фон

Culrs

Culrs дає вам простий розумний підхід до вибору колірної палітри

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 допомагає створювати, аналізувати та редагувати гладкі палітри кольорів

Picular

Picular — це швидкий генератор основного кольору, який використовує пошук зображень 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)

Згорнути/розгорнути
 
dinozavrix profile image
Dinozavrix

А які ваші улюблені інструменти для роботи з кольорами? Ділиться своїми враженнями та знахідками у коментарях