HEX na RGB Konwerter

Dwukierunkowy konwerter kolorów do developmentu FiveM. Konwertuj między HEX, RGB i HSL z gotowym do użycia kodem Lua i CSS.

Podgląd koloru

#2DD4BF

Kolor HEX

Wartości RGB

R (0-255)

G (0-255)

B (0-255)

Wyjście HSL

Wynik kodu

Kod FiveM Lua

SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)

Kod CSS

color: rgb(45, 212, 191);
background: #2dd4bf;

NUI / HTML

-- NUI callback color
local hexColor = "#2dd4bf"
local r, g, b = 45, 212, 191

Z Alpha (RGBA)

100%

rgba(45, 212, 191, 1.0)

Popularne kolory pojazdów FiveM

Ostatnie kolory

Brak kolorów. Rozpocznij konwersję, aby budować historię.

Do czego służy to narzędzie

Strona NUI w skrypcie FiveM operuje na CSS, a więc na wartościach hex, natomiast strona Lua używa trójek RGB. Każdy kolor, który pojawia się w obu miejscach, musi zostać przekonwertowany, a robienie tego w pamięci prowadzi do literówek. Ten konwerter działa w obu kierunkach i jednocześnie dostarcza linijkę dla Lua, regułę CSS oraz postać rgba z kanałem alfa.

Jak tego używać

Krok 1:
Wprowadź wartość hex, z początkowym hashem lub bez niego, albo zmień tryb i wprowadź trójkę RGB.
Krok 2:
Sprawdź podgląd. Bardzo ciemne odcienie trudno odróżnić w kodzie, ale obok siebie są oczywiste.
Krok 3:
Skopiuj wynik dla strony, nad którą pracujesz: Lua dla natywnego renderowania, CSS dla NUI.
Krok 4:
Użyj formatu rgba, gdy element powinien być półprzezroczysty, na przykład w tle HUD.

Często zadawane pytania

Dlaczego ten sam kolor wygląda inaczej w HUD niż w przeglądarce?

HUD nakłada się na ruchomy obraz gry i przechodzi przez tone mapping silnika. Kolory, które wyglądają dobrze na białym tle edytora, tracą kontrast w scenie nocnej. Zawsze weryfikuj wygląd bezpośrednio w grze.

A co z trzycyfrowymi kodami hex?

Krótka forma, taka jak fff, jest rozwijana przez podwojenie każdej cyfry, więc fff to ffffff. Działa to w CSS, ale Lua nie ma takiego skrótu, dlatego narzędzie zawsze generuje pełną trójkę.

Jak obsługiwana jest alpha po każdej ze stron?

CSS przyjmuje kanał alfa od 0 do 1, a natywne wywołania draw od 0 do 255. Przekazanie wartości alfa z CSS równej 0.5 do natywnego wywołania daje zero, co oznacza całkowicie niewidoczny element i jest częstym błędem.

Czy wartości HSL są tutaj przydatne?

Tak, w przypadku wariantów jednego koloru. Zachowaj odcień i nasycenie, zmień jasność, a otrzymasz dopasowany stan hover lub stan wyłączony zamiast drugiego koloru wybieranego na oko.