FiveM HUD Color Palette Generator

Генерируйте гармоничные цветовые палитры для вашего FiveM HUD. Экспортируйте как CSS-переменные или Lua-конфиг.

Сгенерированная палитра
CSS переменные
Lua конфигурация

Для чего этот инструмент

HUD выглядит любительски, если цвета выбирались по одному. Теория цвета решает это: выберите один базовый тон и выведите остальные из фиксированных углов цветового круга. Этот генератор делает расчёты и выдаёт результат в виде CSS переменных для NUI и Lua таблицы для config файла, чтобы одна палитра использовалась с обеих сторон.

Как использовать

  1. Шаг 1:

    Установите базовый цвет, обычно акцентный цвет, который ваш сервер уже использует в логотипе.

  2. Шаг 2:

    Выберите схему. Аналоговая остаётся спокойной и подходит для статусных полос, комплементарная даёт сильный сигнал для предупреждений.

  3. Шаг 3:

    Проверьте оттенки на фоне. Текст HUD отображается поверх игрового изображения, поэтому контраст важнее, чем на сайте.

  4. Шаг 4:

    Скопируйте палитру как CSS переменные для NUI или как Lua таблицу для config.

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

Какая схема подходит для FiveM HUD?

Аналоговая или монохромная для всего постоянного, потому что низкий контраст между элементами сохраняет HUD спокойным. Зарезервируйте один комплементарный цвет для оповещений. Триадическая схема на постоянном HUD делает экран беспокойным.

Почему мой цвет выглядит иначе в игре, чем в браузере?

Игра применяет собственную постобработку, а HUD рисуется поверх движущегося изображения. Средние тона сильно теряют контраст ночью. Всегда проверяйте палитру на тёмной сцене, а не на фоне редактора.

Как использовать эти цвета в Lua?

Нативные функции рисования принимают RGBA как четыре числа от 0 до 255, а не hex-строки. Вывод Lua уже даёт вам эту форму, так что можно передавать её напрямую в DrawRect или SetTextColour.

Где должны храниться цвета: в конфиге или в CSS?

Поместите их в конфиг и передайте в NUI один раз при запуске. Владельцы серверов тогда меняют один файл вместо редактирования стилей, и код рисования в Lua и NUI не расходятся.