Si funksionon konvertimi HEX në RGB?
Çdo ngjyrë që shihni në ekran përshkruhet nga tre kanale: e kuqe (Red), jeshile (Green) dhe blu (Blue). Kodi HEX (heksadecimal) është një mënyrë kompakte për të shkruar këto vlera në bazën 16, ndërsa RGB i shpreh ato si numra të plotë nga 0 në 255. Faqja jonë bën pikërisht këtë shndërrim matematikor pa asnjë rrumbullakim ose humbje informacioni.
Një kod HEX i plotë përbëhet nga gjashtë shifra: #RRGGBB. Çdo palë shifra përfaqëson një kanal. Për shembull, #4f46e5 shndërrohet në RGB(79, 70, 229). Si ndodh kjo? Shifra e parë e çdo çifti shumëzohet me 16, pastaj i shtohet shifrës së dytë. Në rastin e kanalit të kuq:
4f→ 4 × 16 + 15 = 64 + 15 = 79.
Për jeshilen, 46 → 4 × 16 + 6 = 64 + 6 = 70. Për blunë, e5 → 14 × 16 + 5 = 224 + 5 = 229. Rezultati është gjithmonë një numër i plotë midis 0 dhe 255. Për shkak se konvertimi është i saktë dhe i kthyeshëm, nuk nevojitet asnjë interpolim ose rrumbullakim – një kod HEX jep gjithmonë të njëjtin triplet RGB.
Faqja pranon gjithashtu shkurtesën me tre shifra, si #abc. Kjo është një formë e shkurtuar ku çdo shifër përsëritet për të formuar gjashtë shifra: #abc zgjerohet automatikisht në #aabbcc. Pra, #abc shndërrohet në RGB(170, 187, 204), sepse aa = 170, bb = 187, cc = 204. Kjo rregull është e përcaktuar në standardin CSS dhe zbatohet në mënyrë të njëtrajtshme.
Pse kjo faqe është e ndryshme nga konvertuesit e tjerë?
Shumica e konvertuesve të ngjyrave në internet trajtojnë HEX dhe RGB si dy formate të barabarta dhe shpesh përfshijnë edhe kanalin alfa (transparencën) ose tolerojnë vlera të pavlefshme. Kjo faqe fokusohet vetëm te shndërrimi i pastër HEX→RGB, pa asnjë përzierje me formate të tjera që kërkojnë hapa shtesë, si HEX me tetë shifra (që përfshin alfa) ose vlera si rgba().
Rregullat janë specifike:
- Pranon vetëm kodet me gjashtë ose tre shifra (plus shenjën opsionale
#). - Nuk mbështet kode me tetë shifra që përfshijnë kanalin alfa. Nëse dikush fut
#4f46e580, faqja e refuzon me një mesazh gabimi. - Vlerat RGB janë gjithmonë numra të plotë midis 0 dhe 255, pa presje dhjetore ose përqindje.
- Konvertimi është i kthyeshëm: nëse futni RGB(79,70,229), do të merrni saktësisht
#4f46e5.
Ky kufizim i qëllimshëm e bën mjetin të dobishëm për situatat kur keni një kod HEX nga një udhëzues stilimi ose model grafik dhe keni nevojë për vlerat numerike RGB për të punuar me to në JavaScript, në kanavacën e një loje, ose në një bibliotekë që kërkon tripleta numerike.
Për më tepër, faqja përditëson menjëherë të gjitha fushat e tjera të ngjyrës (HSL, HSV, CMYK, LAB) sapo ndryshoni vlerën HEX. Kjo ju lejon të shihni përfaqësimin e së njëjtës ngjyrë në disa sisteme njëherësh, duke ruajtur saktësinë e konvertimit HEX→RGB si pikënisje.
Formatet e pranuara dhe rasti i gabimeve
Futja e një kodi HEX bëhet ose duke e shkruar direkt në kutinë e tekstit ose duke përdorur zgjedhësin e ngjyrave të integruar. Formati i saktë është një nga këto:
#RRGGBB– p.sh.#4f46e5#RGB– p.sh.#abcRRGGBB– pa simbolin#(p.sh.4f46e5)RGB– pa simbolin#(p.sh.abc)
Nëse futni diçka që nuk përputhet me këto formate, faqja shfaq mesazhin: "Enter a hex color like #4f46e5 or #abc." Kjo ndodh kur:
- Shkruani më shumë se gjashtë shifra (p.sh.
#1234567). - Përdorni shifra joheksadecimale (p.sh.
#ghijkl). - Përfshini hapësira ose karaktere të tjera.
- Përfshini kanalin alfa (tetë shifra).
Në rastin e tre shifrave, zgjerohen automatikisht në gjashtë, por nëse futni katër ose pesë shifra, konvertimi nuk është i mundur dhe shfaqet gabimi.
Vini re: shkronjat në kod HEX mund të jenë të mëdha ose të vogla – #4F46E5 është e njëjtë me #4f46e5. Faqja i trajton të dyja rastet.
Si përdoret ngjyra e zgjedhur dhe përditësimi në kohë reale
Kur futni një kod të vlefshëm HEX, faqja llogarit menjëherë tripletën RGB dhe e shfaq atë në formën e tre numrave të ndarë me presje, p.sh. 79, 70, 229. Në të njëjtën kohë, përditësohen fushat e tjera:
- HSL (Hue, Saturation, Lightness)
- HSV (Hue, Saturation, Value)
- CMYK (Cyan, Magenta, Yellow, Key)
- LAB (CIELAB)
Redaktimi i çdo fushe (p.sh. ndryshimi i vlerës së HSL-së) shkakton rillogaritjen e të gjitha vlerave të tjera. Kjo është e dobishme kur doni të shihni ekuivalentin HEX të një ngjyre që e keni përcaktuar në një sistem tjetër.
Gjithashtu, faqja përfshin një katror ngjyrash që tregon pamjen vizuale të ngjyrës aktuale. Mund të klikoni mbi të për të hapur zgjedhësin e ngjyrave të shfletuesit. Ky zgjedhës kthen vlera HEX, të cilat më pas konvertohen në RGB.
Një aspekt i rëndësishëm për privatësinë: të gjitha konvertimet kryhen në shfletuesin tuaj (client-side). Asnjë vlerë ngjyre nuk ngarkohet në server ose nuk ruhet në ndonjë bazë të dhënash. Mund të punoni me ngjyra nga projektet e ndjeshme pa u shqetësuar për rrjedhje informacioni.
Kush ka nevojë për këtë mjet?
Zhvilluesit e front-end që përdorin CSS me kode HEX dhe kanë nevojë për vlerat RGB për t’i përdorur në JavaScript, në canvas API, ose në filtra SVG. Për shembull: një animacion që ndryshon gradientin kërkon numra RGB për të llogaritur interpolimin, jo kodet HEX.
Dizajnerët grafikë që marrin specifikime ngjyrash nga udhëzues të markës në formatin HEX dhe duhet t’i fusin në softuer si Adobe Photoshop, Illustrator, ose Figma, ku RGB sliderat janë më të përshtatshëm. Gjithashtu, kur duhet të përgatisin paleta për printim (CMYK), mjeti jep edhe vlerat CMYK pas konvertimit fillestar HEX→RGB.
Zhvilluesit e lojërave dhe artistët dixhitalë që përpunojnë imazhe ose manipulojnë pixela në nivel të ulët. Ata shpesh punojnë me struktura të dhënash që përdorin vargje me tre vlera në intervalin 0–255. Kthimi i një kodi HEX të marrë nga një model grafik në këto vlera bëhet menjëherë.
Studentët dhe mësuesit që studiojnë modelin additiv të ngjyrës RGB ose që po mësojnë sistemin heksadecimal. Duke parë se si #ff0000 kthehet në RGB(255,0,0) dhe #00ff00 në RGB(0,255,0), kuptohet lehtë se çdo kanal kontrollon sasinë përkatëse të dritës.
Çdokush që punon me kontrast dhe aksesueshmëri mund të llogarisë luminancën relative nga vlerat RGB (duke përdorur formulën e WCAG) për të siguruar që teksti mbi një sfond të caktuar është i lexueshëm. Pasi të keni RGB-në, mund të aplikoni koeficientët standardë: 0.2126 × R + 0.7152 × G + 0.0722 × B (pasi të jenë normalizuar në 0–1).
Shembuj praktikë të konvertimit
Më poshtë jepen disa ngjyra të zakonshme dhe ekuivalentët e tyre HEX dhe RGB:
| Kodi HEX | Kodi i zgjeruar (nëse ka) | RGB |
|---|---|---|
#000000 |
– | rgb(0,0,0) |
#ffffff |
– | rgb(255,255,255) |
#ff0000 |
– | rgb(255,0,0) |
#00ff00 |
– | rgb(0,255,0) |
#0000ff |
– | rgb(0,0,255) |
#808080 |
– | rgb(128,128,128) |
#1E90FF |
– | rgb(30,144,255) |
#abc |
#aabbcc |
rgb(170,187,204) |
#f00 |
#ff0000 |
rgb(255,0,0) |
#c0c0c0 |
– | rgb(192,192,192) |
Vini re se #abc jep të njëjtin rezultat si #aabbcc. Në asnjë rast nuk humbet informacion – ngjyra është identike. Për më tepër, për ngjyrat gri (ku të tre kanalet janë të barabartë), kodi HEX ka shifra të përsëritura, p.sh. #808080 ose shkurt #888. Nëse futni #888, faqja e zgjeron në #888888 dhe RGB bëhet rgb(136,136,136).
Pyetje të shpeshta
Pse faqja nuk pranon kode HEX me tetë shifra, si p.sh. #4f46e580?
Kjo faqe është projektuar vetëm për konvertimin e ngjyrave pa kanal alfa. Kodi tetëshifror përfshin transparencën, e cila nuk është pjesë e modelit RGB standard (RGB nuk ka kanal alfa). Për kode me alfa duhet të përdorni formatin RGBA, i cili trajtohet në një faqe tjetër.
Si mund ta kthej manualisht një kod HEX në RGB pa mjet?
Merrni çdo palë shifra (p.sh. 4f), shndërroni shifrën e parë në vlerë dhjetore (4) dhe shumëzojeni me 16, pastaj shtoni vlerën e shifrës së dytë (f=15). Pra 4×16+15=79. Përsërisni për dy palët e tjera.
Cila është vlera maksimale që mund të marrë një kanal RGB?
255. Kjo vjen nga fakti se çdo kanal përfaqësohet nga 8 bit (2^8 = 256 vlera, nga 0 në 255). Kodi HEX #ff i korrespondon 255.
A ndikon përdorimi ose jo i simbolit # në rezultat?
Jo, simboli # është opsional. Faqja e heq automatikisht nëse e vendosni, ose funksionon po aq mirë pa të. P.sh. 4f46e5 dhe #4f46e5 japin të njëjtin RGB.
Çfarë ndodh nëse shkruaj një kod të pavlefshëm si #xyz123?
Faqja zbulon se shkronja 'x', 'y' dhe 'z' nuk janë shifra heksadecimale të vlefshme (shifrat e vlefshme janë 0–9 dhe A–F). Ajo shfaq menjëherë mesazhin e gabimit: "Enter a hex color like #4f46e5 or #abc."
A mund ta përdor këtë mjet për ngjyrat e printimit (CMYK)?
Pas konvertimit HEX→RGB, faqja llogarit edhe vlerat CMYK. Megjithatë, konvertimi CMYK nga RGB nuk është i saktë për printim real sepse profili i ngjyrës dhe hapësira e gamës ndryshojnë. Mjeti jep një përafrim të dobishëm për referencë, por për printim profesional duhet të përdorni softuer të specializuar dhe profila ICC.