Інструменти для створення гармонійних кольорових палітр завжди користуються попитом серед дизайнерів та розробників. Раніше, моїм фаворитом серед мобільних застосунків був Adobe Kuler, адже він допомагав швидко підібрати потрібні кольори, аналізуючи зображення. Проте, нещодавно я відкрив для себе веб-додаток ColourCode, який став моїм незамінним помічником у створенні кольорових тем.
Можливості ColourCode
ColourCode пропонує сім різноманітних варіацій для створення кольорових схем на основі обраного базового кольору. Готову тему можна експортувати у форматах SCSS, LESS або PNG. Крім цього, додаток генерує постійне посилання на тему, яким можна легко поділитися з колегами. І що найголовніше, для використання ColourCode не потрібна реєстрація, він абсолютно безкоштовний.
Інтерфейс ColourCode дуже інтуїтивний. Ви починаєте з вибору одного кольору, який плавно змінюється при переміщенні курсора, ніби ви досліджуєте колірний спектр. Коли ви знаходите потрібний відтінок, просто торкніться панелі, щоб зафіксувати його. Додаткові панелі кольорів можна додати, натиснувши кнопку “плюс” праворуч, а видалити – за допомогою кнопки “мінус” зліва. Щоб ознайомитися з різними варіантами комбінацій кольорів, достатньо клацнути по панелі інструментів зліва.
Режим “Вільна збірка” дозволяє почати з будь-якого обраного вами кольору, а потім додавати інші панелі та кольори для створення власної унікальної теми. У режимі “Монохромний” ви обираєте колір, а додаток автоматично генерує його відтінки. Чим більше панелей ви додаєте, тим більшу кількість відтінків одного кольору ви отримаєте. “Монохромний зі світло- та темно-сірим” поєднує відтінки сірого з відтінками основного обраного кольору. Крім цього, доступні пресети для аналогічних, комплементарних, тріадних і тетрадних кольорових схем. Після того, як ви визначилися з потрібною схемою, просто двічі клацніть, щоб заблокувати її.
Для кожного кольору можна завантажити окремий файл SCSS, LESS або PNG, або ж скористатися посиланнями на панелі інструментів зліва, щоб зберегти всю кольорову схему цілком.
Єдине, що я хотів би покращити, це процес вибору початкового кольору. Відсутність можливості бачити спектр під час переміщення курсора ускладнює цей вибір. Хоча я і не професіонал у створенні кольорових схем, я все ж маю уявлення про те, який з основних кольорів я хочу використати, і який відтінок (світлий чи темний) мені потрібен.