Одно рабочее место для разных файлов палитр
Откройте один или несколько файлов либо добавьте новые к палитре, которая уже на экране. Редактор понимает собственный формат палитры JSON (с массивом colors), образцы Adobe ASE и ACO, пользовательские свойства CSS, объявления цветов в SVG и файлы TXT или SSS со значениями $AARRGGBB. Каждый цвет показан с названием и шестнадцатеричным значением — его можно скопировать, переименовать или удалить.
Очистка, сортировка, экспорт
- Исключите чёрный, белый, точные серые и повторяющиеся значения.
- При необходимости замените прозрачность полной непрозрачностью.
- Сохраните исходный порядок или отсортируйте по возрастанию либо убыванию по тону, насыщенности, яркости, яркости и затем тону, светимости или по группировке для дизайна интерфейсов.
- Назовите палитру и скачайте её в формате JSON, Adobe ASE, Adobe ACO, как обзор SVG или CSS-файл с пользовательскими свойствами.
От импорта до готовой палитры
- Выберите один или несколько поддерживаемых файлов; если другие должны войти в ту же палитру, добавьте их позже.
- Задайте исключения, выберите способ и направление сортировки.
- Просмотрите образцы, поправьте названия, скопируйте значения или удалите цвета.
- Введите название палитры.
- Скачайте результат в формате JSON, ASE, SVG, ACO или CSS.
Кому он подходит
Дизайнерам, фронтенд-разработчикам, иллюстраторам и всем, кому нужно проверить, очистить или конвертировать набор цветов без установки настольной программы. Базовое знакомство с файлами палитр или стилей пригодится, но наглядные образцы позволяют без специальных знаний выполнить простую проверку и конвертацию. Типичные задачи: свести образцы из нескольких файлов в одну передаваемую палитру, перевести цвета ASE или ACO в пользовательские свойства CSS для веб-проекта, извлечь цвета из переменных CSS или SVG-иллюстрации.
Локальная обработка и ограничения
Файлы палитр полностью читаются и обрабатываются в браузере, их содержимое на сервер не загружается; экспортируемые файлы создаются локально и скачиваются браузером. Приложение загружает все свои файлы, включая шрифты, со своего адреса и не отправляет запросов третьим сторонам. Язык, тема и настройки обработки сохраняются в локальном хранилище браузера; импортированные палитры остаются в памяти только на время сеанса страницы и после её закрытия не сохраняются. Палитра и настройки не попадают в URL, поэтому результатами делятся, отправляя экспортированный файл.
Создать новые цвета с нуля нельзя — редактор всегда начинает с цветов из импортированных файлов. Импорт CSS читает объявления пользовательских свойств и поддерживает шестнадцатеричную запись, rgb() или rgba() через запятую и именованные цвета CSS; таблицы стилей, переменные, градиенты, hsl() и современный синтаксис с пробелами не вычисляются. Импорт SVG извлекает поддерживаемые значения из атрибутов fill, stroke и color или встроенных объявлений стилей, но не разрешает подключённые таблицы стилей, градиентные заливки, а также унаследованные и вычисляемые цвета. Цвета Adobe в моделях, отличных от RGB, для правки и экспорта переводятся в RGB, поэтому исходная цветовая модель и метаданные плашечных цветов не сохраняются. Очень большие или сложные файлы ограничены памятью и скоростью браузера. Учётных записей, облачного хранения, синхронизации и совместной правки нет. Для копирования значений нужно разрешение на доступ к буферу обмена или защищённый контекст браузера. Интерфейс доступен на 21 языке в светлой, тёмной или системной теме.
Основные элементы загрузки, фильтрации, сортировки, именования и экспорта — подписанные элементы HTML-форм, доступные с клавиатуры; кнопки темы сообщают состояние нажатия. Некоторые действия с палитрой по-прежнему рассчитаны на указатель: сам образец можно щёлкнуть, но он не получает фокус с клавиатуры, а созданная палитра не предоставляется программам экранного доступа в виде структурированной таблицы. Анимации интерфейса пока не учитывают настройку уменьшения движения.
Функции, с которых стоит начать
Познакомьтесь с основными возможностями, а затем откройте полный справочник.