Определить цветовую палитру по фото

Автоматический подбор цветов по фото и картинкам. Загрузите изображение, определите схему из 10 основных цветов и посмотрите, как они сочетаются на веб-странице. Всю палитру можно скачать в виде изображения.

Перетащите изображение или нажмите кнопку «Загрузить изображение»
www.gradients.app — pick colors from image
{{ color.hex }}

Акцентные

Яркие цвета палитры, подчёркивают важные детали и привлекают внимание 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

Поможем подобрать цвет текста и фона

С контрастными цветами ваш контент станет ещё лучше 🤩

Приглушённые

Подходят для оповещений, карточек с информацией и других блоков 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

Светлые

Идеальны для фонов и подложек 😺

#{{color}}

Тёмные

Можно использовать для текста и заголовков 📝

#{{color}}

Противоположные

Обратная сторона цветовой палитры. Хорошо контрастируют с цветами в вашей схеме. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

Инструменты

Привет,
рады вас видеть!

Забыли пароль?

Введите адрес электронной почты, который вы использовали при регистрации, и мы пришлем вам инструкции по изменению пароля.

Регистрация нового аккаунта

Пароли не совпадают

Большое обновление

Личный кабинет, проекты и новый дизайн 🎁

Обновлен дизайн личного кабинета:
Убрали лишние элементы дизайна, сделали его проще и чище. На главном экране появилась статистика по самым популярным градиентам, а у каждого опубликованного градиента её можно посмотреть отдельно. Теперь все сохраненные элементы можно удалять из кабинета, что ранее было невозможно.

Появился новый раздел «Проекты»:
Создавайте проекты, добавляйте в них любые элементы и делитесь ссылкой на проект.