A RGB–hex konverzió pontos matematikája
Az RGB–hex konverzió lényege, hogy három, 0 és 255 közötti decimális számot (piros, zöld, kék) alakít át egy hatkarakteres hexadecimális kóddá, amelyet # jel előz meg. A ténylap szerint a két formátum pontosan ugyanazt a színteret – az sRGB munkahelyi színteret – reprezentálja, ezért a konverzió veszteségmentes: nincs színvágás, nincs közelítés. A hex kimenet mindig hatjegyű, mert minden 0–255 közötti csatornaérték pontosan két hexadecimális számjegyre képeződik le. Például a 79, 70, 229 bemenetből a #4F46E5 kód áll elő, ahol a 79 decimális érték hexadecimálisan 4F, a 70 46, a 229 pedig E5.
A konverzió menete a következő: minden csatornaértéket elosztunk 16-tal. Az osztás hányadosa adja az első hexa számjegyet, a maradék a másodikat. Ha a hányados nagyobb 9-nél, akkor A–F betűkkel helyettesítjük (10 = A, 11 = B, 12 = C, 13 = D, 14 = E, 15 = F). A 255 például: 255 ÷ 16 = 15, maradék 15, azaz FF. A 0 pedig 00. Ez a kétjegyű forma minden esetben garantált, mert a 0–255 tartományban a maximális érték (255) is FF, a minimális (0) pedig 00. A tool soha nem rövidíti le a hatjegyű kódot háromjegyűre (például #AABBCC-ből nem lesz #ABC), bár a hex mező elfogad háromjegyű rövidített formát, amelyet a program automatikusan kiterjeszt – hogyan? Minden rövidített karaktert megdupláz: #abc → #aabbcc.
Az RGB színmodell és a 0–255 skála
Az RGB (Red, Green, Blue) additív színmodell, ahol a fény színei összeadódnak. A piros, zöld és kék primer fények különböző intenzitású kombinációja hozza létre a teljes látható színskálát a képernyőkön. Minden csatorna 0 és 255 közötti egész számot kaphat. Miért pont 255? Mert a digitális rendszerek bájtokban tárolják az információt: egy bájt 8 bit, és 2^8 = 256 különböző érték tárolható, 0-tól 255-ig. Ez 16,7 millió lehetséges színt eredményez (256 × 256 × 256). A 0 a minimális intenzitást (teljes sötétség, azaz fekete), a 255 a maximális intenzitást (teljes fényerő, azaz fehér a csatorna esetében) jelenti. A gyakorlatban a rgb(0,0,0) fekete, a rgb(255,255,255) fehér, a rgb(255,0,0) tiszta piros, a rgb(0,255,0) tiszta zöld, a rgb(0,0,255) tiszta kék.
A ténylap hangsúlyozza, hogy a tool csak a 0–255 tartományban fogad el érvényes bemenetet. Ha a felhasználó ezen kívüli számot ad meg (például 300 vagy -5), vagy érvénytelen formátumot (például betűket), a tool a következő hibaüzenetet jeleníti meg: "Enter RGB as three numbers 0–255, like 79, 70, 229." Ez a szabály biztosítja, hogy a konverzió matematikailag egyértelmű legyen – nincs helye kerekítésnek vagy interpolációnak, mert a hex kód csak egész számokból építhető fel.
A hexadecimális színkód szerkezete
A hexadecimális színkód a # jellel kezdődik, amelyet hat hexadecimális számjegy követ – a számjegyek 0–9 és A–F lehetnek, a kis- és nagybetűk egyaránt elfogadottak. A hat számjegy párokba rendeződik: az első pár a piros, a második a zöld, a harmadik a kék csatornát reprezentálja. Például a #4F46E5 esetén a 4F (piros) = 79, a 46 (zöld) = 70, az E5 (kék) = 229. A hatjegyű forma tehát 256 × 256 × 256 = 16 777 216 szín leírására képes.
A háromjegyű rövidített forma (például #abc) csak olyan színekre használható, ahol minden csatorna kétjegyű értéke azonos karakterekből áll (pl. #aabbcc). A rövidítés lényege, hogy minden karaktert megismétlünk: #F00 = #FF0000 (tiszta piros). A ténylap szerint a tool hex beviteli mezője elfogadja ezt a rövidítést, de a kimenetben mindig a hatjegyű formát jeleníti meg. Ez a gyakorlatban azt jelenti, hogy ha valaki #abc-t ír be, a tool automatikusan #aabbcc-re bővíti, és ezt az értéket mutatja a hex mezőben, valamint a többi formátumban is. A CSS-ben mindkét forma érvényes, de a hatjegyű pontosabb, mert nem követeli meg a duplikációt.
A bevitel formázása és a valós idejű frissítés
A tool bemeneti mezőjébe az RGB értékeket vesszővel vagy szóközzel elválasztva lehet beírni – például 79, 70, 229 vagy 79 70 229. A tool nem igényel külön konvertáló gombot; minden szerkesztés azonnal frissíti az összes többi színformátumot (HSL, HSV, CMYK, LAB és a színválasztót). Ez a valós idejű frissítés a böngészőben történik – a ténylap egyértelműen kimondja, hogy semmilyen adat nem kerül feltöltésre a szerverre. A felhasználó azonnal látja a színmintát és a hex kódot, így a munkafolyamat szünetmentes.
A ténylap kitér a határesetekre is. Mivel az RGB és a hex ugyanazon az sRGB színtéren osztozik, nincs színvágás – a konverzió matematikailag pontos és visszafordítható. Ha a felhasználó a hex mezőbe háromjegyű rövidítést ír, a tool kiterjeszti azt, és az összes többi mezőt ennek megfelelően frissíti. Ha viszont a hex mezőbe érvénytelen karaktereket (például G vagy szóköz) ír, a tool nem jelenít meg hibaüzenetet, hanem egyszerűen nem frissíti a többi mezőt – a felhasználónak a pontos hex formátumot kell használnia.
A gyakorlati alkalmazás: CSS és webfejlesztés
A hexadecimális színkód a CSS egyik leggyakrabban használt színformátuma. A color és a background-color tulajdonságoknál közvetlenül megadható, például color: #4F46E5. A hex kód rövidíthető, ha a csatornapárok azonos karakterekből állnak – például #FF0000 rövidíthető #F00-ra. A ténylap szerint a tool kimenete mindig hatjegyű, de a bemenet elfogadja a rövidített formát, így a webfejlesztő a saját igényei szerint használhatja a CSS-ben.
A CSS3 bevezette a nyolcjegyű hex kódot is (például #4F46E580), ahol az utolsó két számjegy az alfa csatornát (átlátszatlanságot) reprezentálja. A ténylap azonban kiemeli, hogy a tool által kínált hex kimenet nem tartalmaz alfa csatornát – a kimenet mindig hatjegyű. Ha a felhasználónak alfa csatornára van szüksége, azt a hex mezőbe manuálisan kell hozzáadnia (például #4F46E580), de a tool nem számolja ki automatikusan. Ez fontos különbség: a tool az RGB–hex konverzióra specializálódott, nem az RGBA–hex konverzióra.
Az sRGB színtér és a pontosság
Az sRGB (standard Red Green Blue) a legelterjedtebb színtér a digitális képernyőkön, és a webes szabványok alapja. Az RGB és a hex formátumok mindegyike az sRGB színteret használja, ezért a konverzió közöttük veszteségmentes – nincs színvágás, nincs közelítés. A ténylap ezt kifejezetten hangsúlyozza: „no out‑of‑gamut adjustments occur – the conversion is exact and reversible”. Ez azt jelenti, hogy ha egy RGB értéket hexbe konvertálunk, majd vissza, ugyanazt a színt kapjuk. Ez nem igaz például a CMYK vagy a LAB konverziókra, ahol a színtér különbségei miatt kerekítés vagy vágás léphet fel.
A tool ezért ideális azoknak a webfejlesztőknek és tervezőknek, akiknek pontos színvisszaadásra van szükségük a CSS-ben vagy a tervező szoftverekben. Ha például egy tervező Photoshopból kap egy RGB értéket (79, 70, 229), a tool azonnal megadja a megfelelő hex kódot (#4F46E5), és a CSS-ben pontosan ugyanazt a színt fogja látni a képernyőn – feltéve, hogy a kijelző sRGB profilt használ. Az sRGB színtérről érdemes tudni, hogy szűkebb, mint a nyomtatásban használt CMYK, ezért a hex kód nem alkalmas nyomtatásra anélkül, hogy a színeket előzőleg át ne alakítanánk CMYK-ra.
Gyakori kérdések (FAQ)
Miért pont 0–255 a skála, és miért nem 0-100? A 0–255 skála a 8 bites számábrázolásból ered. Egy bájt 256 különböző értéket tárolhat (0-tól 255-ig). A 0–100 skála kevesebb színárnyalatot tesz lehetővé (101 érték csatornánként, szemben a 256-tal), és nem kompatibilis a hexadecimális kódokkal, ahol minden csatorna pontosan két hexa számjegyet igényel (16 × 16 = 256 érték).
Mit jelent a # jel a hex kód előtt?
A # jel egy előtag, amely jelzi, hogy a következő karakterek hexadecimális számrendszerben írt színkódot alkotnak. A CSS és a HTML egyaránt ezt a konvenciót használja. Ha a # elmarad, a böngésző nem ismeri fel színkódként – például a 4F46E5 érvénytelen CSS-ben, a #4F46E5 viszont helyes.
Miért nem nyolcjegyű a hex kód a tool kimenetében?
Mert a tool kizárólag az RGB (piros, zöld, kék) csatornákat kezeli, amelyekhez nem tartozik alfa (átlátszóság) csatorna. A hex kód hatjegyű marad, mert minden 0–255 közötti RGB érték két hexa számjegyre képeződik le. A nyolcjegyű hex (például #RRGGBBAA) már az RGBA modellhez tartozik, amelyet a tool nem támogat automatikusan.
Hogyan kezeli a tool a háromjegyű hex rövidítést?
A hex beviteli mezőbe beírhat háromjegyű rövidítést (például #abc). A tool automatikusan kiterjeszti hatjegyűre úgy, hogy minden karaktert megismétel: #abc → #aabbcc. A többi formátum (RGB, HSL, stb.) ennek megfelelően frissül. A kimeneti hex mezőben azonban a hatjegyű forma jelenik meg – a tool nem tartja meg a rövidítést.
Mi történik, ha 255-nél nagyobb vagy 0-nál kisebb számot adok meg? A tool érvénytelen bemenetként kezeli, és a következő hibaüzenetet jeleníti meg: „Enter RGB as three numbers 0–255, like 79, 70, 229.” A többi mező nem frissül, és a színminta sem változik. A tool nem végez automatikus vágást vagy kerekítést – ragaszkodik a pontos tartományhoz.
Mi az a színvágás, és miért nem fordul elő ebben a konverzióban? Színvágás akkor következik be, ha egy színérték kívül esik a cél színtér tartományán, és a szoftver kénytelen levágni (clippelni) azt a legközelebbi érvényes értékre. Mivel az RGB és a hex ugyanazt az sRGB színteret használja, és a 0–255 tartomány mindkettőben azonos, a konverzió matematikailag pontos – nincs vágás. Ez a veszteségmentes konverzió kulcsa.