HEX в RGB Конвертер
Двунаправленный конвертер цветов для разработки FiveM. Конвертируйте между HEX, RGB, HSL с готовым Lua и CSS кодом.
Color Preview
Code Output
SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)
color: rgb(45, 212, 191); background: #2dd4bf;
-- NUI callback color local hexColor = "#2dd4bf" local r, g, b = 45, 212, 191
rgba(45, 212, 191, 1.0)
Популярные цвета автомобилей FiveM
Последние цвета
Для чего этот инструмент
NUI-часть скрипта FiveM использует CSS и, следовательно, hex, а Lua-часть , RGB-тройки. Каждый цвет, который встречается в обеих частях, нужно конвертировать, и делать это в уме приводит к опечаткам. Этот конвертер работает в обе стороны и сразу выдаёт строку Lua, CSS-правило и rgba с альфой.
Как использовать
- Шаг 1:
Введите hex-значение с ведущим хешем или без него, либо переключите направление и введите RGB-тройку.
- Шаг 2:
Проверьте превью. Очень тёмные оттенки трудно различить в коде, но они очевидны рядом друг с другом.
- Шаг 3:
Скопируйте результат для той части, над которой работаете: Lua для native draw, CSS для NUI.
- Шаг 4:
Используйте rgba, если элемент должен быть полупрозрачным, например, фон HUD.
Часто задаваемые вопросы
Почему один и тот же цвет выглядит по-разному в HUD и в браузере?
HUD накладывается на движущуюся игровую картинку и проходит через тональную коррекцию игры. Цвета, хорошо читаемые на белом фоне редактора, теряют контраст на ночной сцене. Всегда проверяйте на реальном геймплее.
А как насчёт трёхзначных hex-кодов?
Короткая форма вроде fff расширяется удвоением каждой цифры, то есть fff становится ffffff. Это работает в CSS, но Lua не поддерживает такой шорткат, поэтому инструмент всегда выводит полный триплет.
Как обрабатывается альфа с каждой стороны?
CSS принимает альфу от 0 до 1, native draw , от 0 до 255. Передача CSS-альфы 0.5 в native вызов даёт 0, то есть полностью невидимый элемент, что является частой ошибкой.
Полезны ли здесь HSL-значения?
Да, для вариантов одного цвета. Сохраняйте оттенок и насыщенность, меняйте яркость, чтобы получить состояние наведения или отключённое состояние, подходящее по цвету, а не второй цвет, выбранный на глаз.
Связанные инструменты
FiveM Выбор цвета - RGB, HEX и цвета транспортных средств
Интерактивный FiveM выбор цвета с значениями RGB, HEX, HSL и предустановленными палитрами цветов для транспорта. Копируйте Lua код для SetVehicleColours.
Генератор цветовой палитры HUD FiveM
Генерируйте гармоничные цветовые палитры для FiveM HUD. Дополнительные, аналогичные, триадные схемы. Экспортируйте как CSS-переменные или Lua-конфиг с RGB-кодами.
Конвертер JSON в Lua таблицу для FiveM
Конвертируйте JSON в синтаксис Lua-таблиц и Lua-таблицы обратно в JSON. Обрабатывает вложенные объекты, массивы, булевы значения, null в nil. Подсветка синтаксиса для разработчиков FiveM.