HEX to RGB Converter

Bidirektionaler Farb-Konverter für FiveM-Entwicklung. Zwischen HEX, RGB, HSL umwandeln, mit sofort einsetzbarem Lua- und CSS-Code.

Color Vorschau

#2DD4BF

HEX Color

RGB Values

R (0-255)

G (0-255)

B (0-255)

HSL Ausgabe

Code Ausgabe

FiveM Lua-Code

SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)

CSS Code

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

NUI / HTML

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

With Alpha (RGBA)

100%

rgba(45, 212, 191, 1.0)

Popular FiveM Vehicle Colors

Recent Colors

Nein colors yet. Start converting to build history.

Wofür dieses Tool gedacht ist

Die NUI-Seite eines FiveM-Skripts spricht CSS und damit Hex, die Lua-Seite spricht RGB-Triple. Jede Farbe, die an beiden Stellen auftaucht, muss konvertiert werden, und das im Kopf zu machen führt zu Tippfehlern. Dieser Konverter funktioniert in beide Richtungen und liefert dir gleichzeitig die Lua-Zeile, die CSS-Regel und die rgba-Form mit Alpha.

Wie man es benutzt

Schritt 1:
Gib einen Hex-Wert ein, mit oder ohne führendes Hash, oder wechsle die Richtung und gib das RGB-Triple ein.
Schritt 2:
Überprüfe die Vorschau. Sehr dunkle Töne sind im Code schwer zu unterscheiden, aber nebeneinander offensichtlich.
Schritt 3:
Kopiere die Ausgabe für die Seite, an der du arbeitest, Lua für native Draws, CSS für die NUI.
Schritt 4:
Verwende die rgba-Form, wenn das Element durchsichtig sein soll, zum Beispiel ein HUD-Hintergrund.

Häufig gestellte Fragen

Warum sieht dieselbe Farbe im HUD anders aus als im Browser?

Das HUD liegt über einem bewegten Spielbild und durchläuft das Game Tone Mapping. Farben, die auf weißem Editor-Hintergrund gut lesbar sind, verlieren über einer Nachtszene an Kontrast. Prüfe immer im tatsächlichen Gameplay.

Wie sieht es mit dreistelligen Hex-Codes aus?

Kurzformen wie fff werden durch Verdoppeln jeder Ziffer erweitert, also fff zu ffffff. Das funktioniert in CSS, aber Lua kennt keine solche Kurzschreibweise, weshalb das Tool immer das volle Triple ausgibt.

Wie wird Alpha auf jeder Seite gehandhabt?

CSS nimmt Alpha von 0 bis 1, native Draw-Calls von 0 bis 255. Ein CSS-Alpha von 0,5 in einen nativen Call zu geben ergibt null, also ein komplett unsichtbares Element und einen häufigen Bug.

Sind HSL-Werte hier nützlich?

Ja, für Varianten einer Farbe. Behalte Farbton und Sättigung, ändere die Helligkeit, und du bekommst einen Hover- oder Disabled-Zustand, der passt, statt eine zweite Farbe nach Augenmaß zu wählen.