Конвертер Палитры для Пиксель Арта

Уменьшайте палитру спрайтов и спрайтшитов до классических консольных цветов или собственных hex-значений прямо в браузере.

Перетащите спрайт или спрайтшит Файлы PNG, JPEG или WebP обрабатываются локально
Ожидание изображения Ожидание изображения
02

Оригинал Ограниченный результат

Загрузите изображение для предпросмотра Оригинальная и обработанная версии появятся рядом.
Zoom 100%
Студия утилит

Хотите эту утилиту на своём сайте?

Настройте цвета и тёмную тему для WordPress, Notion или вашего сайта.

Часто задаваемые вопросы

Загружает ли инструмент мои изображения на сервер?

Нет. Изображение декодируется на холсте в вашем браузере, обрабатывается локально с помощью JavaScript и экспортируется напрямую в формат PNG. Утилита не содержит этапа загрузки на сервер.

Могу ли я использовать собственную палитру?

Да. Вставьте 6-значные или 3-значные hex-коды в поле Собственные цвета, разделяя их запятыми, пробелами или переносами строк, а затем нажмите Применить палитру.

Изменяет ли инструмент размер спрайта или спрайтшита?

Нет. Итоговый файл сохраняет исходную ширину, высоту, координаты пикселей и значения альфа-канала при включенном параметре Сохранять прозрачность.

Какой алгоритм используется?

Каждый видимый пиксель сопоставляется с ближайшим цветом в выбранной палитре с использованием квадратичного евклидова расстояния в пространстве RGB. Это быстрый, детерминированный и наглядный метод, который не применяет дизеринг или перцептивную цветокоррекцию Lab.

# Превратите Полноцветный Спрайт в Продуманную Ретро Палитру

Ограниченная палитра - это больше, чем просто техническое ограничение. Она дает спрайту узнаваемый цветовой язык, помогает элементам сцены выглядеть единым целым и передает визуальный характер конкретной ретро-консоли или классической платформы. Этот браузерный инструмент позволяет сравнивать исходное изображение с обработанным при экспериментировании с палитрами Game Boy, NES, PICO-8, Commodore 64, DawnBringer 16 и пользовательскими наборами.

# Как Работает Преобразование по Ближайшему Цвету

Инструмент считывает красный, зеленый и синий каналы каждого видимого пикселя и сравнивает этот цвет с каждым значением в выбранной палитре. Он выбирает элемент палитры с наименьшим квадратичным расстоянием RGB и записывает заменяющий цвет в новый буфер холста. Альфа-канал обрабатывается отдельно, благодаря чему прозрачные пиксели остаются прозрачными, а полупрозрачные края сохраняют свою исходную непрозрачность при включенном параметре Сохранять прозрачность.

Ограничение палитры

Каждый исходный цвет заменяется ближайшим доступным образцом.

  • Быстро и предсказуемо для спрайтов, иконок, тайлов и элементов интерфейса
  • Точно сохраняет исходные размеры и координаты пикселей
  • Облегчает контроль и проверку заданного цветового бюджета

Смена палитры (Palette Swapping)

Одно и то же изображение можно перераспределить на другой тщательно подобранный набор цветов.

  • Удобно для альтернативных костюмов, смены биомов и состояний урона
  • Пользовательские списки hex-кодов позволяют точно следовать вашей арт-дирекции
  • Скачанный файл PNG сразу готов к повторному импорту в ваш графический редактор

# Выбор Палитры для Пиксель Арта

Палитра Цвета Назначение Особенности
Game Boy4Монохромная стилистика портативной консоли и выразительная светотеньУзкий диапазон тонов может сливать близкие по цвету материалы
В стиле NES16Выразительные аркадные спрайты, персонажи и тайлыОчень яркие тона могут перекрывать мелкие детали
PICO-816Современный пиксель-арт с saturated акцентамиНасыщенные оттенки требуют продуманного контраста
Commodore 6416Мягкие ретро-сцены и эстетика классических компьютерных игрНизкий контраст выигрывает от четких силуэтов
DawnBringer 1616Универсальная художественная палитра для пиксель-артаГрадационные рампы все еще требуют четкого направления света

# Практический Процесс Работы со Спрайтшитами

Начните с самого крупного исходного изображения, которое вам удобно редактировать, и загрузите экспортированный спрайт или спрайтшит сюда. Выберите пресет для задания стиля или вставьте пользовательский список из библиотеки палитр. Проверьте оба холста при большем увеличении на предмет утерянных черт лица, слившихся контуров или бликов. Если результат выглядит размытым, попробуйте палитру с более резкими шагами тонов или добавьте один акцентный цвет.
Подходите к Палитре Осознанно
Больший список цветов не означает автоматическое улучшение. Начните с 4-16 цветов, назначьте каждому цвету четкую роль и приберегите самые яркие значения для ключевых точек или читаемых бликов. Алгоритм ближайшего цвета сохраняет позиции пикселей, но не может решить, какие цвета должны выстраивать визуальную иерархию вашего спрайта.

# Чек-лист Экспорта Пиксель Арта

Перед Импортом Обработанного Файла PNG

Важно учесть
Проверьте результат в масштабе 100 процентов и в итоговом игровом размере, убедитесь, что прозрачные края остаются чистыми, проверьте читаемость важных силуэтов и сохраните исходный файл рядом с экспортированным, чтобы иметь возможность скорректировать палитру без необходимости начинать заново.
Квантование цвета
Процесс сокращения большого набора исходных цветов до более мелкого, четко определенного набора.
Цветовая рампа
Упорядоченная последовательность темных, средних и светлых оттенков, используемая для построения объема.
Индексированная палитра
Компактная таблица цветов, в которой пиксели ссылаются на индексы в общем списке вместо повторного сохранения полных значений.

Библиографические ссылки