Një kod HEX pako tre numra 8-bit në gjashtë shifra heksadecimale. Konvertimi HEX në RGB do të thotë ndarje e atyre shifrave në palë dhe lexim i çdo pale si një numër dhjetor midis 0 dhe 255 — pikërisht vlerat që presin CSS, Figma dhe redaktorët e imazheve.
Si funksionon konvertimi HEX në RGB
- Hiq # përpara dhe, nëse kodi ka vetëm tre shifra, dyfisho secilën: #f53 bëhet #ff5533.
- Ndarë gjashtë shifrat në tre pala — RR, GG dhe BB.
- Lexo çdo palë si numër në bazë 16 dhe konvertoje në bazë 10: FF bëhet 255, 57 bëhet 87, 33 bëhet 51.
- Shkruaj tri rezultatet si rgb(R, G, B).
Shembull i punuar
Ky konvertim është i saktë. HEX dhe RGB përshkruajnë të njëjtat vlera sRGB në notacione të ndryshme, kështu që asgjë nuk rrumbullakohet ose humbet në asnjë drejtim.
HEX dhe RGB shpjeguara
Çfarë është HEX?
Një kod HEX është një numër heksadecimal gjashtë-shifror që ruan kanalin e kuq, jeshil dhe blu të një ngjyre pas një # përpara. Çdo çift shifrash mbulon një kanal, nga 00 (asnjë) deri në FF (plot), gjë që jep të njëjtat 16.7 milion ngjyra si RGB por në një notacion më të shkurtër. HEX është parazgjedhja në CSS, mjetet e dizajnit dhe udhëzimet e markës.
- Sintaksa:
- #RRGGBB
- Dhe:
- 00–FF për kanal
- Më i mirë për:
- CSS, dorëzim dizajni, udhëzime marke
Çfarë është RGB?
RGB përshkruan një ngjyrë si tre kanale drite — të kuqe, jeshile dhe blu — secili nga 0 deri në 255. Ai pasqyron mënyrën se si punojnë ekranet: të tre në 255 japin të bardhë, të gjithë në 0 japin të zezë. RGB është zgjedhja e duhur kur duhet të bësh llogaritje me një ngjyrë, dhe rgba() shton transparencë mbi të.
- Sintaksa:
- rgb(R, G, B)
- Dhe:
- 0–255 për kanal
- Më i mirë për:
- kod, canvas, transparencë me rgba()
tabelë referimi HEX në RGB
Ngjyrat më të zakonshme CSS, të konvertuara nga HEX në RGB.
| Ngjyrë | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |