FiveM HUD Color Palette Generator
Erstelle harmonische Farbpaletten für dein FiveM-HUD. Exportieren als CSS-Variablen oder Lua-Config.
Wofür dieses Tool gedacht ist
Ein HUD wirkt amateurhaft, wenn die Farben einzeln ausgewählt wurden. Farbtheorie behebt das: Wählen Sie einen Basiston und leiten Sie den Rest aus festen Winkeln im Farbkreis ab. Dieser Generator erledigt die Berechnungen und liefert das Ergebnis als CSS-Variablen für Ihr NUI und als Lua-Tabelle für eine Config-Datei, sodass dieselbe Palette auf beiden Seiten verwendet wird.
Wie man es benutzt
- Schritt 1:
Setzen Sie Ihre Basisfarbe, üblicherweise die Akzentfarbe, die Ihr Server bereits im Logo verwendet.
- Schritt 2:
Wählen Sie ein Schema. Analog bleibt ruhig und eignet sich für Statusleisten, Komplementär gibt eine starke Signalfarbe für Warnungen.
- Schritt 3:
Überprüfen Sie die Farbtöne vor Ihrem Hintergrund. HUD-Text liegt über dem Spielbild, daher ist Kontrast wichtiger als auf einer Webseite.
- Schritt 4:
Kopieren Sie die Palette als CSS-Variablen für die NUI-Seite oder als Lua-Tabelle für die Config.
Häufig gestellte Fragen
Welches Schema passt zu einem FiveM-HUD?
Analog oder monochrom für alles Permanente, da der geringe Kontrast zwischen Elementen das HUD ruhig hält. Reservieren Sie eine Komplementärfarbe für Warnungen. Ein triadisches Schema auf einem permanenten HUD macht den Bildschirm unruhig.
Warum sieht meine Farbe im Spiel anders aus als im Browser?
Das Spiel wendet eigene Nachbearbeitung an und das HUD wird über ein bewegtes Bild gezeichnet. Mitteltöne verlieren nachts stark an Kontrast. Prüfen Sie eine Palette immer gegen eine dunkle Szene, nicht gegen den Editor-Hintergrund.
Wie verwende ich diese Farben in Lua?
Native Zeichenfunktionen nehmen RGBA als vier Zahlen von 0 bis 255, nicht als Hex-Strings. Die Lua-Ausgabe liefert dir diese Form bereits, sodass du sie direkt an DrawRect oder SetTextColour übergeben kannst.
Sollen die Farben in der config oder im CSS liegen?
Lege sie in der config ab und übergebe sie beim Start einmal an die NUI. Serverbesitzer ändern dann nur eine Datei statt Stylesheets zu bearbeiten, und der Lua-Zeichencode und die NUI können nicht auseinanderdriften.
Verwandte Tools
FiveM Color-Picker: RGB, HEX & Fahrzeugfarben
Interaktiver FiveM Color-Picker mit RGB-, HEX-, HSL-Werten und vordefinierten Fahrzeugfarben-Paletten. Kopiere Lua-Code für SetVehicleColours.
Hex-zu-RGB Konverter
Konvertiere HEX-Farben zu RGB, RGBA, HSL und Lua-Arrays für FiveM-Projekte.
FiveM Config-Validator: Lua Syntax-Check
Validiere deine FiveM config.lua und andere Lua-Konfigurationsdateien online. Finde Syntaxfehler sofort.