Hogyan alakítsam át az RGB értéket HEX kóddá?

A vörös, zöld és kék értéket alakítsd át decimális számból kétjegyű hexadecimális párrá, majd fűzd össze a párokat a # jel után. Az RGB(255, 87, 51) értékei FF, 57 és 33 lesznek, tehát a HEX szín #FF5733. Az átalakító menet közben számol, és az átlátszósághoz alfapárt is hozzáadhat.

Így működik

1Add meg az RGB csatornákat. A vörös, zöld és kék értéket 0 és 255 közötti egész számként írd be, vagy használd az összehangolt csúszkákat.

2Nézd meg az élő előnézetet. A színminta és a hatjegyű HEX eredmény azonnal frissül. A mintára kattintva vizuálisan is választhatsz színt.

3Adj hozzá átlátszóságot, ha kell. Kapcsold be az átlátszóságot egy nyolcjegyű HEX kód létrehozásához, majd állíts be 0 és 100 közötti százalékot.

4Másold ki a HEX kódot. A Másolás gombbal a vágólapra teheted a CSS-ben azonnal használható színkódot.

Kinek hasznos

Webfejlesztőknek, akik a böngésző fejlesztői eszközeiből vagy CSS rgb() deklarációkból származó értékeket alakítanak át tömör HEX színekké.

Felülettervezőknek, akik egy RGB márkaszínt hatjegyű HEX értéket váró alkalmazásban vagy tervezési rendszerben használnának.

E-mailes és marketingcsapatoknak, amelyek pontos színeket visznek át eltérő formátumokat használó szerkesztők között.

Játék- és adatvizualizációs fejlesztőknek, akik a számszerű színcsatornákból könnyen átvihető palettaértékeket készítenek.

Az RGB csatornák 0 és 255 közötti decimális értékeket használnak. A HEX ugyanazt a három sRGB csatornát 16-os számrendszerbeli párokként írja le 00 és FF között. Írd be az értékeket, mozgasd a csúszkákat, válassz egy előbeállítást, vagy kattints az előnézetre a böngésző színválasztójának használatához. Kapcsold be az átlátszóságot, ha a nyolcjegyű #RRGGBBAA formára van szükséged. Az átalakítás helyben, a böngészőben fut, feltöltés és fiók nélkül.

RGB	HEX
rgb(255, 0, 0)	`#FF0000`
rgb(0, 128, 255)	`#0080FF`
rgb(15, 23, 42)	`#0F172A`

Gyakori kérdések

Ingyenes ez az RGB HEX átalakító?

Igen. Az átalakító ingyen használható, nincs regisztráció, letöltés vagy átalakítási korlát. Add meg az RGB csatornákat, használd a csúszkákat vagy válassz színt, majd másold ki rögtön az eredményt.

Feltölti valahova az RGB értékeimet?

Nem. Az RGB HEX átalakítás egyszerű számítás, amely teljes egészében a böngészőben fut. A színértékek nem kerülnek feltöltésre, és nem jutnak el külső átalakítási szolgáltatáshoz.

Milyen RGB értékeket adhatok meg?

A vörös, zöld és kék csatornához egy-egy 0 és 255 közötti egész számot adj meg. A nulla azt jelenti, hogy az adott csatorna nincs jelen, a 255 pedig a legnagyobb intenzitás. Az átalakító jelzi a tizedes számokat, a hiányzó értékeket és a tartományon kívüli számokat, nem módosítja őket észrevétlenül.

Mi az RGB HEX átalakítás képlete?

Mindegyik decimális RGB csatornát alakítsd át 16-os számrendszerbe, és egészítsd ki két számjegyre. A # után először a vörös, majd a zöld és a kék következik. Az rgb(255, 87, 51) párjai FF, 57 és 33, együtt tehát #FF5733.

Tartalmazhat a HEX szín átlátszóságot?

Igen. A CSS támogatja a nyolcjegyű #RRGGBBAA formát. Az utolsó pár az alfa: a 00 teljesen átlátszó, az FF pedig teljesen átlátszatlan. Kapcsold be az átlátszóságot az átalakítóban, hogy a százalékot erre az utolsó párra képezze le.

Számít a kis- és nagybetű a HEX kódban?

Nem. A CSS nem tesz különbséget a HEX számjegyek kis- és nagybetűs alakja között, így a #FF5733 és a #ff5733 ugyanazt a színt jelöli. Az átalakító nagybetűket használ a párok könnyebb olvashatósága miatt, de CSS-ben és webes jelölésben mindkét forma megfelelő.

Miért lesz az 50 százalékos átlátszóságból 80 a HEX kódban?

Az alfa csatornának 256 bájtértéke van 00 és FF között. A 255 fele 127,5, ami 128-ra kerekedik. A decimális 128 hexadecimális alakja 80, ezért az 50 százalékos átlátszóság utolsó párként 80-at ad hozzá.