Подбор цвета и генераторы палитр

Генератор палитр: пробел — новая комбинация, понравившиеся цвета можно закрепить. Рядом библиотека готовых палитр и проверка контраста.

Кому: дизайнерам и всем, кто сам собирает сайт или презентацию.

Подборка пар из двух цветов с HEX-кодами в один клик. Каждую пару видно на примере интерфейса: карточка, кнопка, текст.

Кому: тем, кому нужны фирменный и акцентный цвет для лендинга или баннера.

Цветовой круг с правилами гармонии: аналоговые, комплементарные, триады. Палитру можно вытащить из фото и проверить на контраст и дальтонизм.

Кому: дизайнерам и маркетологам, которые подбирают фирменные цвета с нуля.

Делает полупрозрачные версии цветов, которые на заданном фоне выглядят как исходные непрозрачные. Экспорт в HSLA, HEX и JSON, есть плагин для Фигмы.

Кому: дизайнерам интерфейсов, которые собирают цветовую систему для светлой и тёмной темы.

Набор инструментов для UI-палитр: подбор гармоний, генератор оттенков, работа в LCH и OKLCH, проверка контраста по WCAG 2 и APCA.

Кому: дизайнерам интерфейсов и тем, кто строит дизайн-систему.

Бесплатный открытый инструмент: вводите свои цвета и сразу видите их на макете сайта, в светлой и тёмной теме. Оттенки собирает в формате Tailwind.

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

Лента готовых палитр из четырёх цветов, которые отбирают вручную. Можно смотреть новые и популярные, искать по темам: пастель, винтаж, неон.

Кому: всем, кому нужна готовая палитра для поста, презентации или лендинга.

180 палитр из произведений искусства за четыре тысячи лет, разложенных по эпохам. Клик по цвету копирует HEX-код.

Кому: дизайнерам, которые ищут палитру с историческим или винтажным характером.

Цветовой круг на русском: моно, контраст, триада, тетрада, аналогия. Схему видно на примере страницы, можно проверить дальтонизм и выгрузить в CSS, ASE и PNG.

Кому: всем, кому удобнее подбирать цвета в русском интерфейсе.

Проверка контраста текста и фона по WCAG 2.1 для уровней AA и AAA. Цвета вводите в RGB, HSL или CMYK, результат можно отправить ссылкой.

Кому: дизайнерам и верстальщикам, которые проверяют читаемость текста на сайте.

Небольшая коллекция авторских палитр из четырёх цветов с названиями вроде «Kyoto Moss» и «Bauhaus Primary». HEX-коды копируются кликом.

Кому: тем, кому нужна палитра со своим характером, а не случайный набор.

Генератор палитр, коллекции готовых палитр и градиентов. Рядом проверка контраста, генератор оттенков, палитра из картинки и смешивание двух цветов.

Кому: дизайнерам и всем, кто сам собирает цвета для сайта или соцсетей.

Смешивает два цвета, строит оттенки и шкалы от 50 до 900 для Tailwind и Chakra UI, подбирает гармонии: комплементарные, триады, тетрады.

Кому: дизайнерам интерфейсов и разработчикам, которые собирают цветовую шкалу.

Проверка контраста фона и текста: коэффициент и оценка AA и AAA для крупного и обычного текста. Пример можно посмотреть на шрифтах Google.

Кому: дизайнерам и верстальщикам, которые проверяют доступность сайта.

Подборка популярных палитр и градиентов, генератор палитр для Tailwind, палитра из картинки и из одного цвета с помощью ИИ.

Кому: тем, кто ищет быструю подсказку по цветам для небольшого проекта.

Каталог палитр, цветов и градиентов, редактор палитр и набор инструментов: генератор градиентов, конвертер цветов, проверка контраста. Есть плагин для Фигмы.

Кому: дизайнерам, которые собирают палитру бренда вместе с оттенками.

Цветовой круг, генератор палитр и подбор цветов по фотографии: загружаете снимок и получаете палитру из его оттенков. Интерфейс на русском.

Кому: дизайнерам и тем, кто подбирает цвета для сайта или бренда.

Генератор палитр на нейросети: выбираете понравившиеся цвета, и он подбирает сочетания под ваш вкус. Пары показывает на тексте, градиенте и картинке, с оценкой WCAG.

Кому: дизайнерам, которые устали от случайных палитр и хотят подбор под себя.

Генератор палитр от Muzli: выбираете стартовый цвет и получаете сочетания из пяти цветов с HEX-кодами. Рядом подборка популярных палитр.

Кому: тем, кому нужна палитра за минуту от одного фирменного цвета.

Бесплатный генератор палитр, который сразу показывает цвета на логотипах, интерфейсах, постерах и узорах. Выгрузка для Procreate, Adobe ASE и в код.

Кому: дизайнерам и маркетологам, которые хотят увидеть палитру в деле до запуска.

Простой генератор палитр от ShapeFactory: сетка цветовых сочетаний с HEX-кодами и переключателем освещения.

Кому: тем, кому нужна быстрая цветовая идея без лишних настроек.

Бесплатно примеряет цвета и шрифты Google на макете настоящего сайта. Проверяет контраст, подбирает схемы, выгружает в CSS, Tailwind и SCSS.

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