d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c25ed6d9c

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

Приступим к реализации:
Открываем официальную страницу сервиса и нажимаем на «Launch» для перехода к генерации:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c25f33e8e

После этого откроется пример сайта, для изменения цветов необходимо кликнуть на кнопку «Generate», доступную в правом верхнем углу экрана:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c25f8fe4b

Также слева от кнопки генерации доступен дополнительный функционал. Первая иконка слева позволит поделиться ссылкой на выбранную вами страницу. Вторая же настроить способ генерации и креативность при помощи ползунка:

Подбираем цветовую палитру для сайта или бренда

Иконка шестеренки позволит посмотреть список доступных пресетов, то есть заранее подготовленных цветов:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c2603742d

При нажатия на любой из цветов его можно заблокировать, чтобы при смене цветов он оставался неизменным. А также скопировать его код для более удобного взаимодействия с ним в будущем:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c26086ba4

Помимо изначально открывшейся страницы у Вас их будет доступно огромное множество, выбирать их в меню слева:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c260c52e0

Также при желании можно загрузить картинку своей страницы и попробовать поменять на ней цвета, но учтите, что если на ней множество мелких деталей, то все будет работать не совсем корректно:

d0bfd0bed0b4d0b1d0b8d180d0b0d0b5d0bc d186d0b2d0b5d182d0bed0b2d183d18e d0bfd0b0d0bbd0b8d182d180d183 d0b4d0bbd18f d181d0b0d0b9d182d0b0 6610c2611bb31

На этом все, надеюсь статья оказалась для Вас полезной!