Slop Colors · бесплатно, в вашем браузере

Создание цветовой палитры из одного цвета

Начните с цвета вашего бренда. Slop Colors построит гармонии, светлые и тёмные оттенки и шкалу от 50 до 950, а выбранную палитру экспортирует как код или файл образцов.

Создать палитру

Как это сделать

Введите цвет на панели (HEX, RGB, HSL, OKLCH или CMYK) или возьмите его с изображения.
В блоке «Создано из этого цвета» выберите «Гармонию» рядом с цветовым кругом (дополнительные, аналоговые, триадные, раздвоенные дополнительные, тетрадные, квадратные, монохромные, тона или «Своя») и круг RGB, RYB или OKLCH.
Перетаскивайте маркеры на круге: остальные следуют за гармонией; в режиме «Своя» каждый двигается сам по себе. Стрелки двигают выбранный маркер.
Нажмите «Использовать как палитру» под понравившимся рядом или выберите отдельные цвета и нажмите «Добавить этот цвет».
Назовите палитру и выберите формат в разделе «Экспорт»: переменные CSS, конфигурация Tailwind, JSON, Adobe .ase или GIMP .gpl.
Нажмите «Скачать палитру», «Копировать код» или «Сохранить в Slop Drive…».

Ваши файлы остаются на этом устройстве: Slop Colors работает в браузере, без отправки, без учётной записи и без водяных знаков.

Вопросы

Что такое круг RYB?

Художественный круг красный-жёлтый-синий, как его предлагает Adobe Color: там дополнением красного является зелёный, а синего — оранжевый. Круг RGB — экранный, а OKLCH сохраняет одинаковую светлоту при повороте оттенка.

Как строится шкала?

Оттенок сохраняется, а светлота в OKLCH меняется ступенями от 97% до 22%, с меньшей насыщенностью у белого и чёрного. Ваш цвет занимает ближайшую ступень.

Можно ли открыть палитру в Photoshop или Illustrator?

Да. Экспортируйте её в формате Adobe Swatch Exchange (.ase) и загрузите на панели «Образцы». GIMP и Inkscape читают файл .gpl.

Мои палитры сохраняются?

Палитра на странице сохраняется в этом браузере. «Сохранить в Slop Drive» создаёт файл, который можно снова открыть здесь.