RGB të jep tre kanale dhjetore midis 0 dhe 255. Konvertimi në HEX e kthen çdo kanal në një numër heksadecimal me dy shifra, kështu që e gjithë ngjyra përshtatet në një token të kompakt që çdo shfletues, mjet dizajni dhe udhëzues stili e kupton.
Si funksionon konvertimi RGB në HEX
- Merr kanalin e kuq dhe ndaj me 16: shuma (quotient) është shifra e parë, mbetja është e dyta.
- Shkruaj shifrat 10 deri 15 si shkronjat A deri F — 255 bëhet FF.
- Përsërite për të gjelbër dhe blu, plotëso shifrat e vetme me 0 në fillim: 5 bëhet 05.
- Bashko tre palët dhe vendos një # përpara.
Shembull i punuar
Saktë, për sa kanalet janë numra të plotë nga 0 deri 255. Vlerat fraksionale si rgb(79.5, 70, 229) rrumbullohen së pari në numrin më të afërt, sepse HEX nuk mund të ruajë mesvlera.
RGB dhe HEX shpjeguara
Ç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()
Ç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
tabelë referimi RGB në HEX
Ngjyrat më të zakonshme CSS, të konvertuara nga RGB në HEX.
| Ngjyrë | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |