HEX kóði pakkar þremur 8-bita tölum í sex hexadecimal stafi. Að umbreyta HEX í RGB þýðir að skipta þessum stöfum í pör og lesa hvert par sem tugatölu á bilinu 0 til 255 — nákvæmlega þau gildi sem CSS, Figma og myndaritstjórar búast við.
Hvernig HEX í RGB umbreyting virkar
- Fjarlægðu fremstu # og, ef kóðinn hefur aðeins þrjá stafi, tvöfaldaðu hvern þeirra: #f53 verður #ff5533.
- Skiptu sex stöfunum í þrjú pör — RR, GG og BB.
- Lesið hvert par sem grunn-16 tölu og breyttu í grunn-10: FF verður 255, 57 verður 87, 33 verður 51.
- Skrifaðu þrjú niðurstöðurnar sem rgb(R, G, B).
Dæmi sem virkaði
Þessi umbreyting er nákvæm. HEX og RGB lýsa sömu sRGB gildum í mismunandi táknun, svo ekkert er áætlað eða tapast í hvorri átt.
HEX og RGB útskýrt
Hvað er HEX?
HEX kóði er sex stafa hexadecimal tala sem geymir rauða, græna og bláa rás litar á undan með #. Sérhvert tvíund getur táknað eina rás, frá 00 (ekkert) til FF (fullt), sem gefur sama 16,7 milljón liti og RGB í mun styttri táknun. HEX er sjálfgefið í CSS, hönnunarverkfærum og leiðbeiningum vörumerkis.
- Syntaks:
- #RRGGBB
- Gildi:
- 00–FF per channel
- Best fyrir:
- CSS, afhending hönnunar, leiðbeiningar vörumerkis
Hvað er RGB?
RGB lýsir lit sem þrjár ljósrásir — rauð, græn og blá — hver frá 0 til 255. Þetta endurspeglar hvernig skjár virkar: allar þrjár í 255 gefa hvítt, allar í 0 gefa svart. RGB er rétta valið þegar þú þarft að reikna með lit — t.d. að hreyfa eina rás, blanda litum í kóða, eða bæta gegnsæi með rgba().
- Syntaks:
- rgb(R, G, B)
- Gildi:
- 0–255 per channel
- Best fyrir:
- kóði, canvas, gegnsæi með rgba()
HEX í RGB yfirlitstafla
Algengustu CSS-litirnir, umbreyttir frá HEX í RGB.
| Litur | 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) |