Від зображення до впорядкованої палітри
Перетягніть зображення в область завантаження або виберіть його в діалозі; в області перелічено підтримувані формати: JPEG, PNG і APNG, TIFF, WebP, BMP, GIF, AVIF, HEIC та SVG. Вкажіть від одного до шістнадцяти кольорів, і застосунок упорядкує квантовані кольори за частотою, показавши для кожного шістнадцяткове значення та частку серед проаналізованих пікселів. Чорний, білий і сірі відтінки можна виключити, а прозорість — урахувати, якщо вона важлива.
Доопрацювання та експорт
- Шістнадцяткове значення кольору копіюється окремою кнопкою.
- Якщо є розпізнана назва кольору CSS, її можна використати, або дати зразку власну назву.
- Зайві зразки вилучаються з поточної палітри.
- Назвіть палітру й завантажте її у форматі JSON, Adobe Swatch Exchange (ASE), Adobe Color Swatch (ACO), як SVG-аркуш із підписами або CSS-файл із користувацькими властивостями.
Коротко: виберіть зображення, задайте кількість кольорів і виключення, перегляньте й підправте зразки, введіть назву палітри та завантажте потрібний формат.
Кому він підходить
Дизайнерам, ілюстраторам, фронтенд-розробникам, авторам контенту та всім, кому потрібна палітра для повторного використання з фотографії, знімка екрана, ілюстрації чи фірмових матеріалів. Знання колористики чи навички обробки зображень не потрібні. Стане в пригоді, наприклад, щоб підготувати зразки для програм, сумісних з Adobe, або згенерувати користувацькі властивості CSS для прототипу сайту.
Локальна обробка та обмеження
Вибрані зображення, декодовані пікселі, обчислення палітри, правки та експортовані файли обробляються в браузері. Застосунок не завантажує вміст зображень і палітр на сервер і не підвантажує шрифти, скрипти чи інші ресурси зі сторонніх серверів. У локальному сховищі зберігаються лише мова, тема, запитана кількість кольорів, виключення та налаштування прозорості; зображення й палітри там не зберігаються постійно, а стан не передається і через URL.
Зображення, довша сторона яких перевищує 1000 пікселів, перед аналізом зменшуються. Кольори групуються у квантованому просторі RGB з 256 кольорів, тому результат репрезентативний, а не перелік кожного точного значення. Палітра містить не більше шістнадцяти кольорів, а пікселі з альфою нижче 50 відсотків ігноруються. У TIFF аналізується лише перша сторінка, в анімованих форматах — один кадр у тому вигляді, як його показує браузер; підтримка декодування може залежати від браузера й операційної системи. Потрібні сучасний браузер із JavaScript і Canvas 2D, достатньо пам’яті для декодування зображення, а для копіювання — дозвіл на доступ до буфера обміну. Інтерфейс доступний 21 мовою у світлій, темній або системній темі.
Область завантаження та основні елементи керування доступні з клавіатури й мають видимі підписи або підказки; значення копіюються кнопками, а назви редагуються з клавіатури. Проте попередній перегляд зображення та зразки не дають повного текстового опису вихідного зображення, а анімації інтерфейсу поки не враховують налаштування зменшення руху.
Функції, які варто дослідити
Почніть із цих можливостей, а потім перейдіть до повного огляду.
