Генератор палитр OKLCH для пиксель-арта, игр и интерфейсов
Собирайте палитры OKLCH из 2–9 цветов, проверяйте светлоту, смотрите результат на пиксель-арте и экспортируйте палитру в PNG, GPL и PAL.
Возможности
Всё необходимое для создания сбалансированных цветовых схем.
Палитры от 2 до 9 цветов
Генерация цветовых палитр от 2 до 9 слотов с автоматическим балансом светлоты.
Воспринимаемый контроль OKLCH
Предсказуемое управление светлотой и насыщенностью без неожиданных скачков контраста.
Предпросмотр пиксель-арта
Мгновенная проверка цвета на игровых спрайтах (зелье, кристалл, щит, герой) и мозаичной сетке.
Шкала светлоты
Анализ светлоты оттенков на интерактивном графике, отсортированном от тёмного к светлому.
Защита гаммы sRGB
Защита от недоступных экрану цветов с автоматическим приведением к sRGB и дедупликацией.
Экспорт в PNG, GPL, PAL
Экспорт в оформленные PNG-карточки и форматы для GIMP, Krita, Aseprite, JASC, HEX, TXT и JSON.
Как это работает
Три простых шага для создания гармоничной палитры.
Выберите основной цвет
Задайте стартовый HEX-цвет с помощью палитры или введите код вручную.
Выберите гармонию и количество цветов
Настройте цветовое правило и выберите размер палитры от 2 до 9 цветов.
Проверьте и экспортируйте
Оцените шкалу светлоты, проверьте спрайты и экспортируйте палитру в нужный формат.
Почему OKLCH?
Воспринимаемая цветовая теория для современного дизайна
Воспринимаемая светлота против RGB/HSL
Традиционные модели RGB и HSL не учитывают человеческое восприятие яркости. В HSL жёлтый и синий цвета при одинаковой 50% светлоте визуально кажутся совершенно разными по яркости.
В OKLCH при изменении тона воспринимаемая яркость остаётся предсказуемой. Это позволяет художникам и дизайнерам создавать гармоничные палитры без неожиданных падений контраста.
Шкала светлоты и защита гаммы
Шкала светлоты анализирует оттенки по оси от 0 (самый тёмный) до 1 (самый светлый). Она помогает увидеть сливающиеся или слишком близкие тона ещё до начала работы.
Так как OKLCH может выходить за границы обычных мониторов, наш алгоритм защиты гаммы sRGB автоматически вписывает цвета в границы экрана, сохраняя их различимость.
Для кого этот инструмент
Пиксель-арт художники
Создание палитр и градиентов для спрайтов с равными шагами светлоты.
Разработчики игр
Подбор контрастных цветовых схем для персонажей, окружения и предметов.
UI-дизайнеры
Проектирование доступных интерфейсных систем с выверенным контрастом.
Фронтенд-разработчики
Быстрый экспорт готовых кодов HEX и OKLCH прямо в код.
Часто задаваемые вопросы
Ответы на популярные вопросы о работе с палитрами OKLCH.
Что такое OKLCH?▼
Бесплатен ли генератор палитр?▼
Можно ли использовать палитры в коммерческих проектах?▼
Зачем нужна защита гаммы sRGB?▼
Готовы собрать свою палитру?
Откройте редактор, чтобы настроить, проверить и экспортировать цвета.