JS-библиотека для управления цветами.

Около 2-х месяцев я искал хороший инструмент для автоматического комбинирования цветов. Я искал его, потому что у меня была идея веб-сайта, который может менять стиль в зависимости от цвета, который могут выбрать пользователи. Это должно быть потрясающе. Представьте, что пользователь выбирает цвет, и веб-сайт может понять этот цвет и изменить другие части стиля веб-сайта в соответствии с цветом. Многие проекты сосредоточены на том, чтобы поведение соответствовало желанию пользователя. Вы можете увидеть много объявлений, ведущих себя таким образом. Но все же я действительно не вижу веб-сайтов, которые могут вести себя в соответствии с пожеланиями пользователя относительно стиля веб-сайта. Я вижу много фронтенд-разработчиков, которые сосредотачиваются на поиске правильного стиля, правильного цвета и правильной типографики для группы людей в соответствии с их персонами. Но я думаю, что ключевой факт заключается в том, что мы можем сделать это действительно лучше, если будем стилизовать веб-сайт в соответствии с отдельными людьми. Таким образом, каждый человек может увидеть сайт, который сделан по его желанию.

Javascript теперь может делать это намного лучше. Мы можем стилизовать веб-сайты умнее, чем раньше, и мы должны сделать это сейчас. Я сейчас не говорю о таких огромных вещах, как AI/ML. Они потрясающие, но теперь я говорю о некоторых маленьких хитростях, которые могут привести к большим изменениям. В этой статье я говорю о цветах, но это может быть и типографика, верстка и так далее…

Итак, почему мне нравится JS-библиотека TinyColor?

Библиотека TinyColor JS — это небольшая библиотека, которая может помочь нам в управлении цветами. Мне это нравится, потому что с помощью этой библиотеки я могу найти правильную комбинацию цветов. Так, например, я могу подобрать нужные цвета по монохроматическому или триадному цветовому сочетанию.

Еще одна действительно интересная вещь в библиотеке TinyColor заключается в том, что я могу заставить веб-сайт распознавать темный или светлый цвет. Таким образом, я могу стилизовать текст в этих областях на веб-сайте в соответствии с этой информацией, чтобы люди могли легко их читать.

Для использования TinyColor JS вы можете запустить его на стороне браузера, загрузив из этого источника, или вы можете использовать npm install tinycolor2 для использования на узле. В этой библиотеке также есть много других утилит, с которыми вы можете разобраться.

Вот TinyColor JS на Github: https://github.com/bgrins/TinyColor