HEX'ten RGB'ye Dönüştürücü

FiveM geliştirmesi için çift yönlü renk dönüştürücü. Kullanıma hazır Lua ve CSS kodları ile HEX, RGB ve HSL arasında dönüştürme yapınız.

Renk Önizlemesi

#2DD4BF

HEX Rengi

RGB Değerleri

R (0-255)

G (0-255)

B (0-255)

HSL Çıktısı

Kod Çıktısı

FiveM Lua Kodu

SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)

CSS Kodu

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

NUI / HTML

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

Alpha (RGBA) ile

100%

rgba(45, 212, 191, 1.0)

Popüler FiveM Araç Renkleri

Son Renkler

Henüz renk yok. Geçmiş oluşturmak için dönüştürmeye başlayın.

Bu aracın amacı

Bir FiveM scriptinin NUI tarafı CSS ve dolayısıyla hex formatını, Lua tarafı ise RGB üçlülerini kullanır. Her iki tarafta da görünen her rengin dönüştürülmesi gerekir ve bunu aklınızdan yapmak yazım hatalarına yol açar. Bu dönüştürücü her iki yönde de çalışır: Lua satırını, CSS kuralını ve opaklık içeren rgba biçimini aynı anda size sunar.

Nasıl kullanılır

Adım 1:
Başında diyez (#) olsun veya olmasın bir hex değeri girin ya da yön değiştirip RGB üçlüsünü girin.
Adım 2:
Önizlemeyi kontrol edin. Çok koyu tonları kodda ayırt etmek zordur, ancak yan yana geldiklerinde farkları bellidir.
Adım 3:
Çalıştığınız taraf için çıktıyı kopyalayın: native çizimler için Lua, NUI için CSS.
Adım 4:
Öğe yarı saydam olması gerektiğinde rgba biçimini kullanın, örneğin bir HUD arka planı.

Sıkça sorulan sorular

Aynı renk HUD'da neden tarayıcıdakinden farklı görünüyor?

HUD, hareketli bir oyun görüntüsünün üzerinde durur ve oyunun ton haritalamasından geçer. Beyaz bir editör arka planında gayet iyi okunan renkler, gece sahnesinde kontrastını kaybeder. Her zaman gerçek oynanış üzerinden kontrol edin.

Peki üç haneli hex kodları?

fff gibi kısa biçimler her basamak ikiye katlanarak genişletilir, bu nedenle fff aslında ffffff olur. Bu CSS içinde çalışır ancak Lua tarafında böyle bir kısaltma yoktur, bu nedenle araç her zaman tam üçlüyü verir.

Alfa her iki tarafta nasıl işlenir?

CSS alpha değerini 0 ile 1 arasında, native draw çağrıları ise 0 ile 255 arasında kabul eder. Native bir çağrıya 0.5 olan bir CSS alpha değeri iletmek sıfır sonucunu verir: Bu da tamamen görünmez bir öğeye ve yaygın bir hataya yol açar.

HSL değerleri burada yararlı mı?

Evet, tek bir rengin varyantları için. Ton ve doygunluğu koruyup parlaklığı değiştirirseniz, göz kararı seçilen ikinci bir renk yerine tam uyumlu bir hover veya disabled durumu elde edersiniz.