Dopely colors
Набор инструментов для работы с цветом: палитры, гармонии, названия и проверка контраста. Помогает собрать цветовую систему и оценить её применение в интерфейсе.
Подбор цвета
colors.dopely.topНа сайт ↗
Цветовые палитры, градиенты и проверка контраста — страница 2
Инструменты для подбора сочетаний, извлечения цветов из изображения, создания градиентов и проверки читаемости. Они помогают перейти от референса к цветовой системе проекта.
FarbVelo
Генератор случайных цветовых гармоний. Помогает быстро исследовать необычные сочетания, сравнивать варианты и находить новое цветовое направление для проекта.
Подбор цвета
farbvelo.elastiq.chНа сайт ↗
Ffflux
Генератор органичных SVG-фонов с текучими градиентами. Позволяет создавать абстрактную графику, которая передаёт ощущение движения и подходит для крупных визуальных блоков.
Градиенты
fffuel.coНа сайт ↗
Free Mesh Gradient
Коллекция сетчатых градиентов, опубликованная на Behance. Подходит для готовых цветовых подложек, обложек и композиций с мягкими переходами между несколькими оттенками.
Градиенты
www.behance.netНа сайт ↗
Glitch Art Generator
Генерирует абстрактные изображения с градиентами и цифровыми помехами. Подходит для создания glitch-обоев, экспериментальных фонов и выразительной графики.
Градиенты
glitchart.ioНа сайт ↗
Grabient
Редактор градиентов с настройкой цветов, угла и промежуточных точек. Позволяет начать с готовой палитры и экспортировать результат в CSS, SVG или PNG.
Градиенты
www.grabient.comНа сайт ↗
Gradex
Создаёт градиентный фон на основе загруженного изображения. Помогает превратить цвета фотографии в абстрактную подложку, связанную с исходным визуальным материалом.
Градиенты
jwenjian.github.ioНа сайт ↗
Gradient Animator
Создаёт анимированные градиенты для веб-страниц и выдаёт CSS. Помогает добавить плавно меняющийся цветовой фон в промоблок или декоративный элемент.
Градиенты
www.gradient-animator.comНа сайт ↗
Gradient Generator by Learn UI Design
Создаёт линейные, радиальные и конические градиенты с экспортом в CSS и SVG. Помогает подобрать плавный цветовой переход и перенести его в макет или код.
Градиенты
learnui.designНа сайт ↗
Gradient Magic
Галерея необычных CSS-градиентов, включая сложные декоративные композиции. Подходит для поиска фактурного фона и изучения возможностей цветовых переходов в CSS.
Градиенты
www.gradientmagic.comНа сайт ↗
Gradienta
Коллекция многоцветных градиентов с вариантами экспорта. Подходит для подбора фоновой графики и переноса цветового перехода в CSS или изображение.
Градиенты
gradienta.ioНа сайт ↗
Gradients.app
Онлайн-конструктор градиентов с несколькими цветами. Предназначен для подготовки изображения или CSS-фона; автоматический доступ к текущему интерфейсу ограничен.
Градиенты
gradients.appНа сайт ↗
Gradihunt
Генератор цветовых градиентов с получением CSS. Помогает быстро перебирать сочетания и находить подходящий переход для кнопки, фона или обложки.
Градиенты
gradihunt.comНа сайт ↗
Hello Color
Генерирует контрастный цвет к заданному значению. Подходит для быстрого поиска пары «фон — текст» и экспериментов с контрастными сочетаниями.
Подбор цвета
jxnblk.github.ioНа сайт ↗
Hue Tools
Набор инструментов смешивания и изменения цветов. Помогает собирать переходы, сравнивать комбинации и искать изображения или визуальные идеи по выбранному оттенку.
Градиенты
hue.toolsНа сайт ↗
Huetone
Редактор цветовых палитр в пространстве LCh. Помогает управлять оттенками предсказуемо и строить согласованные цветовые системы для интерфейсов.
Подбор цвета
huetone.ardov.meНа сайт ↗
IWantHue
Генерирует максимально различимые цвета для диаграмм и визуализации данных. Позволяет ограничивать цветовое пространство и учитывать различимость для людей с нарушениями цветоощущения.
Подбор цвета
medialab.github.ioНа сайт ↗
Ingradients
Коллекция подобранных сетчатых градиентов. Помогает найти мягкий многоцветный фон и использовать его в изображении, векторном макете или проекте Figma.
Градиенты
ingradients.netНа сайт ↗
Josh Comeau
Генератор CSS-градиентов Джоша Комо с визуальной настройкой цветового перехода. Помогает подготовить фон для интерфейса и перенести результат в стили проекта.
Градиенты
www.joshwcomeau.comНа сайт ↗
Material Palette
Генератор палитры Material Design на основе выбранных цветов. Помогает собрать основную и акцентную гамму для компонентов цифрового интерфейса.
Подбор цвета
www.materialpalette.comНа сайт ↗
Material UI Colors
Таблица цветов Material Design с уровнями насыщенности и копированием значений. Помогает быстро получить HEX, RGB или RGBA для макета и CSS.
Подбор цвета
materialuicolors.coНа сайт ↗
Mesh-Y
Генератор сетчатых градиентов с настройкой цветов и экспортом PNG. Помогает создавать мягкие многоцветные фоны для обложек, презентаций и интерфейсов.
Градиенты
meshgradient.inНа сайт ↗
Muzli Colors
Генератор палитр с примерами применения цветов в интерфейсе. Позволяет проверить сочетание на лендинге, панели управления или иконке, прежде чем переносить его в макет.
Подбор цвета
colors.muz.liНа сайт ↗
Night Palette
Подборка палитр для тёмных интерфейсов. Помогает искать сочетания фоновых и акцентных оттенков для ночного режима; содержимое текущей страницы требует проверки.
Подбор цвета
nightpalette.comНа сайт ↗
Noise&Gradient
Генератор градиентных фонов с шумовой фактурой. Помогает добавить зернистость и глубину в цветовую подложку для обложки, постера или интерфейсного блока.
Градиенты
www.noiseandgradient.comНа сайт ↗
Palettable
Инструмент выбора цветовых сочетаний для дизайнерского проекта. Предназначен для поиска палитры; доступность действующей версии сайта сейчас не подтверждена.
Подбор цвета
www.palettable.ioНа сайт ↗
Palette Generator
Генератор палитр Colorion, который предлагает новое сочетание по нажатию пробела. Подходит для быстрого перебора вариантов и поиска отправной точки для цветовой схемы.
Подбор цвета
palettegenerator.colorion.coНа сайт ↗
Palette lyst
Генератор цветовых палитр для поиска сочетаний в дизайнерском проекте. Назначение известно из исходного каталога; работа и содержимое сайта сейчас не подтверждены.
Подбор цвета
www.palettelyst.mlНа сайт ↗
Paletton
Цветовой круг для построения сочетаний по правилам гармонии. Помогает менять базовый цвет, сравнивать дополнительные оттенки и находить баланс палитры.
Подбор цвета
paletton.comНа сайт ↗
Picular
Ищет цвета по словесному запросу через результаты поиска изображений. Помогает получить оттенки, связанные с предметом, природным явлением или нужной ассоциацией.
Подбор цвета
picular.coНа сайт ↗
Piggment
Коллекция градиентов с инструментами генерации, сохранения и получения CSS. Помогает находить цветовые переходы и использовать их в графике или веб-интерфейсе.
Градиенты
piggment.coНа сайт ↗
Reasonable Colors
Готовая открытая система цветов со шкалами светлоты. Помогает выбирать предсказуемые контрастные сочетания для текста, фонов и компонентов интерфейса.
Подбор цвета
reasonable.workНа сайт ↗
Roy
Компактная пипетка для macOS, работающая из строки меню. Позволяет выбрать точный пиксель на экране и сразу скопировать его HEX-код.
Подбор цвета
www.useroy.comНа сайт ↗
Ruri
Набор дизайнерских инструментов и графических материалов Ruri. Включает эксперименты с градиентными формами для фонов, обложек и выразительных цифровых композиций.
Градиенты
ruri.designНа сайт ↗
Scale
Генератор цветовых шкал с плавными переходами между оттенками. Помогает собрать последовательность цветов для интерфейса, визуализации или градиентной композиции.
Градиенты
hihayk.github.ioНа сайт ↗
Scheme Colors
Каталог готовых цветовых схем для визуальных проектов. Помогает искать сочетания и брать их за основу для графики, оформления сайта или презентации.
Подбор цвета
www.schemecolor.comНа сайт ↗