Одне робоче місце для різних файлів палітр
Відкрийте один або кілька файлів чи додайте нові до палітри, що вже на екрані. Редактор розуміє власний формат палітри 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-форм, доступні з клавіатури; кнопки теми повідомляють стан натискання. Деякі дії з палітрою й надалі розраховані на вказівник: сам зразок можна клацнути, але він не отримує фокус із клавіатури, а створена палітра не надається програмам зчитування з екрана як структурована таблиця. Анімації інтерфейсу поки не враховують налаштування зменшення руху.
Функції, які варто дослідити
Почніть із цих можливостей, а потім перейдіть до повного огляду.