Сравнение · проверено 2026-10-25

Лучшие бесплатные инструменты для палитр и контраста

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

Приложение Slop Colors делаем мы, оно есть на этой странице. Все факты о других инструментах взяты с их собственных страниц, ссылки под каждым, по состоянию на 2026-10-25. Цены и возможности меняются: перед выбором проверьте сайт каждого инструмента.

Как мы сравнивали

• Бесплатно, и что добавляют аккаунт или тариф
• Цвета из картинки
• Гармонии и шкалы из одного цвета
• Проверка контраста по WCAG
• Файлы экспорта (CSS, Tailwind, ASE, GPL)

Коротко

1. Slop Colors (наше)

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

Плюсы

• Картинки обрабатываются в браузере и никуда не отправляются
• Переменные CSS, конфигурация Tailwind, JSON, файлы Adobe .ase и GIMP .gpl; эти файлы можно открыть снова
• HEX, RGB, HSL, OKLCH и CMYK; цвета OKLCH вне гаммы переводятся в sRGB

Минусы

• Нет библиотеки общих палитр для просмотра
• Нет предпросмотра для дальтонизма
• Нет экспорта палитры в PDF или изображение

Открыть Slop Colors

2. Coolors

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

Плюсы

• Генератор по пробелу и более 10 миллионов палитр для просмотра
• Экспорт в PDF, изображение, CSS, ASE, SVG, код и Tailwind
• Palette Visualizer показывает цвета на макетах

Минусы

• Бесплатный тариф хранит до 10 палитр; на его странице извлечение цветов через Image Picker и расширенный экспорт указаны как возможности Pro

Сайт: Coolors · Источники: Главная страница Coolors

3. Adobe Color

Лучше всего подходит для: Дизайнерам в приложениях Adobe, которым нужны правила гармоний на цветовом круге и палитры в их библиотеке.

Плюсы

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

Минусы

• На странице цветового круга не упоминаются файлы экспорта

Сайт: Adobe Color · Источники: Adobe Color, цветовой круг

4. WebAIM Contrast Checker

Лучше всего подходит для: Проверка одной пары текста и фона по WCAG со ссылкой, которой можно поделиться.

Плюсы

• Ползунки яркости для настройки любого из цветов
• Постоянная ссылка и JSON API для результата
• Прозрачность для переднего плана

Минусы

• Проверяет одну пару; палитры не создаёт и не экспортирует

Сайт: WebAIM Contrast Checker · Источники: WebAIM Contrast Checker

Что выбрать

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

Выбирайте Coolors за генератор, библиотеку и плагины, Adobe Color — за цветовой круг и библиотеку Adobe, а проверку WebAIM — чтобы проверить и поделиться одной парой.

Вопросы

Какой коэффициент контраста нужен?

WCAG AA требует 4,5:1 для обычного текста и 3:1 для крупного текста и элементов интерфейса; AAA требует 7:1 и 4,5:1. Все четыре инструмента показывают коэффициент.

Какой файл откроется в Photoshop или Illustrator?

Файл Adobe Swatch Exchange (.ase). Slop Colors и Coolors оба его экспортируют.

Моя картинка загружается на сервер?

В Slop Colors — нет: она обрабатывается в вашем браузере. Политику конфиденциальности других инструментов проверьте на их сайтах.

Названия других продуктов являются товарными знаками их владельцев. Slopographic с ними не связана.