Как пользоваться инструментом «Генератор палитр»
- Выберите базовый цвет или нажмите «Случайно».
- Выберите схему: моно, аналоговая, комплементарная, раздельно-комплементарная, триадная или тетрадная.
- Задайте число ступеней в переходе и насколько сдвигается тон на тёмном и светлом концах.
- Подстройте самый тёмный и самый светлый тон, насыщенность на краях и общую насыщенность, глядя на спрайты-примеры.
- Кликните по образцу, чтобы скопировать его hex, или экспортируйте всю палитру.
Что вы получаете
- .hex (Lospec), .gpl (GIMP/Aseprite/Krita), JASC .pal, Adobe .ase, Paint.NET .txt, CSS-переменные
- Полоса образцов PNG в масштабе 1×, 8× или 32×
Советы из практики геймдева
- Именно сдвиг тона (hue shift) делает затенение в пиксель-арте живым. Безопасный диапазон — 20°–35°. Для стилизованных, живописных палитр можно больше.
- Держите самую светлую ступень ниже 95%, если вам нужен отдельный чистый цвет блика.
- Снизьте насыщенность на краях, чтобы самые тёмные и светлые ступени не были кислотными. Настоящие тени и блики теряют насыщенность.
- Генерация идёт в OKLCH, поэтому равные шаги светлоты выглядят равномерными — в отличие от переходов в HSL, которые скачут на жёлтом и синем.
Сценарии использования
- Палитра для новой игры от одного ключевого цвета
- Цветовые переходы для кожи, волос и одежды персонажа
- Подбор комплементарных акцентов для интерфейса
- Образцы .ase или .gpl для Aseprite
Вопросы и ответы
Что такое hue shift?
Вместо того чтобы просто делать цвет темнее или светлее, вы ещё и поворачиваете его тон: тени к синему или фиолетовому, блики к жёлтому. Так имитируется поведение света и окружающего цвета, и затенение не выглядит грязным.
Почему OKLCH, а не HSL?
Светлота в HSL не соответствует видимой яркости: жёлтый на 50% выглядит гораздо светлее синего на 50%. Светлота в OKLCH перцептивная, поэтому переходы идут равномерно на всех тонах.
В какие форматы можно экспортировать?
.hex, .gpl, JASC .pal, Adobe .ase, Paint.NET .txt, CSS-переменные и образец PNG. Aseprite напрямую открывает .gpl, .hex, .pal и .ase.
Что показывают спрайты-примеры?
Слайм и зелье перекрашиваются первыми двумя переходами по рангу светлоты, чтобы вы оценивали палитру на настоящем пиксель-арте, а не только на образцах.
Цвета всегда попадают в цветовой охват?
Да. Если цвет выходит за пределы sRGB, его насыщенность снижается, пока он не впишется, а тон и светлота сохраняются.