Hogyan alakítsak át HEX kódot RGB-re?

A hex színkód három hexadecimális számjegypárból áll, csatornánként egy pár. Alakítsd át mindegyik párt 0 és 255 közötti decimális számmá: a #ff5733 kódban az ff értéke 255 vörös, az 57 értéke 87 zöld, a 33 értéke pedig 51 kék, tehát az RGB érték rgb(255, 87, 51). Ez az átalakító azonnal elvégzi ezt, miközben gépelsz.

Így működik

1Add meg a hex kódot. Írj be vagy illessz be egy hex színt, például #ff5733-at (vagy #f53-at), vagy válaszd ki a színmintával. A # jel nem kötelező.

2Olvasd le az RGB értéket. Az rgb() érték, a tiszta 0-255 értékek és az élő színelőnézet gépelés közben frissül, egy csatornánkénti bontással együtt, amely megmutatja, hogyan alakul át az egyes hex párok.

3Másold a szükséges formátumot. Kattints a Másolás gombra az rgb() érték vagy a nyers értékek mellett. Fordított irányra van szükséged? Add meg lent a vörös, zöld és kék értéket, hogy visszakapd a hex kódot.

Kinek hasznos

Front-end fejlesztők, akik egy stílusútmutató hex kódját rgb() formátumra alakítják, hogy rgba()-val átlátszóságot adhassanak hozzá.

Dizájnerek, akik márkaszíneket mozgatnak a hex formátumot igénylő eszközök (CSS, Figma) és a 0-255 értékeket igénylő eszközök (néhány nyomdai és videós alkalmazás) között.

E-mail és marketing csapatok, akik kampányszíneket egyeztetnek olyan szerkesztők között, amelyek csak egyfajta jelölést fogadnak el.

Játék- és alkalmazásfejlesztők, akik 0-255 csatornaértékeket adnak meg olyan motoroknak és SDK-knak, amelyek nem értelmezik a hex stringeket.

Az átalakító minden CSS hex formát elfogad: a 6 jegyű #ff5733, a 3 jegyű rövidített #f53, valamint a 4 és 8 jegyű, alfa csatornát tartalmazó formákat, kettőskereszttel vagy anélkül. Megjeleníti az rgb() vagy rgba() értéket, a tiszta csatornaértékeket és egy csatornánkénti bontást - illetve egy fordított RGB HEX sort, ha a másik irányba kell alakítani. Minden a böngésződben történik - feltöltés, regisztráció és korlátozás nélkül.

Gyakori kérdések

Ingyenes ez a HEX RGB átalakító?

Igen - teljesen ingyenes, regisztráció és korlátozás nélkül. Teljes egészében a böngésződben fut.

Elküldi valahova a színeimet?

Nem. Az átalakítás egyszerű JavaScript kód, amely a te eszközödön fut - semmi nem kerül szerverre, és az eszköz a lap betöltése után internetkapcsolat nélkül is tovább működik.

Milyen képlettel alakítja át a HEX kódot RGB-re?

Oszd fel a hex kódot három párra, és alakítsd át mindegyiket 16-os számrendszerből decimálisra: szorozd meg az első számjegyet 16-tal, és add hozzá a másodikat (a=10 ... f=15). A #ff5733 kódban: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.

Támogatja a 3 jegyű rövidített formát, például a #f53-at?

Igen. A CSS rövidített jelölésében minden számjegy megduplázódik, tehát a #f53 kiterjed #ff5533-ra, és rgb(255, 85, 51) lesz belőle. A 4 jegyű forma ugyanígy működik, az utolsó számjegy az alfa érték.

Hogyan alakítja át a HEX kódot RGBA-ra?

A 8 jegyű hex kód az alfa értéket az utolsó párban hordozza. Ezt a bájtot (0-255) elosztja 255-tel, hogy megkapja az rgba() által elvárt 0-1 közötti alfa értéket, három tizedesjegyre kerekítve - így a #ff573380 rgba(255, 87, 51, 0.502) lesz.

Vissza tudja alakítani az RGB-t HEX-re?

Igen. Használd az eredmény alatti RGB HEX sort: add meg a vörös, zöld és kék értéket 0 és 255 között, és azonnal megkapod a hex kódot. A tartományon kívüli értékek 0-255 közé korlátozódnak.

Miért van szükségem rgb()-re a hex kód helyett?

Főleg az átlátszóság és a számítások miatt: az rgba(255, 87, 51, 0.5) átlátszóvá teszi a színt, és sok API, játékmotor és dizájnspecifikáció külön 0-255 csatornaszámokat vár, nem hex stringet.