HEX kodas sukompakuoja tris 8 bitų skaičius į šešis šešioliktainius skaitmenis. Konvertavimas iš HEX į RGB reiškia tas skaitmenų poras suskaidyti ir kiekvieną porą perskaityti kaip dešimtainį skaičių nuo 0 iki 255 — būtent tokius reikalauja CSS, Figma ir vaizdų redaktoriai.
Kaip veikia HEX į RGB konvertavimas
- Pašalink pradinį # ir, jei kodas turi tik tris skaitmenis, padvigubink kiekvieną: #f53 tampa #ff5533.
- Padalink šešis skaitmenis į tris poras — RR, GG ir BB.
- Perskaityk kiekvieną porą kaip bazės 16 skaičių ir konvertuok į bazę 10: FF tampa 255, 57 tampa 87, 33 tampa 51.
- Parašyk tris rezultatus kaip rgb(R, G, B).
Veikęs pavyzdys
Šis konvertavimas yra tikslus. HEX ir RGB aprašo tas pačias sRGB reikšmes skirtingu užrašu, todėl niekas nėra suapvalinama ar prarandama į abi puses.
HEX ir RGB paaiškinta
Kas yra HEX?
HEX kodas yra šešiženklis šešioliktainis skaičius, saugantis spalvos raudonos, žalios ir mėlynos kanalus po pradinio #. Kiekviena skaitmenų pora atitinka vieną kanalą nuo 00 (nėra) iki FF (pilnai), todėl tai suteikia tą pačią 16,7 milijono spalvų aprėptį kaip RGB, bet daug trumpesne užrašo forma. HEX yra numatytasis CSS, dizaino įrankių ir prekių ženklo gairių formatas.
- Sintaksė:
- #RRGGBB
- Intervalas:
- 00–FF per kanalą
- Tinka geriausiai:
- CSS, dizaino perdavimas, prekių ženklo gairės
Kas yra RGB?
RGB aprašo spalvą kaip tris šviesos kanalus — raudoną, žalią ir mėlyną — kiekvienas nuo 0 iki 255. Tai atspindi, kaip iš tikrųjų veikia ekranai: visi trys 255 reiškia baltą, visi 0 — juodą. RGB tinka, kai reikia skaičiuoti su spalva, o rgba() prideda permatomumą.
- Sintaksė:
- rgb(R, G, B)
- Intervalas:
- 0–255 per kanalą
- Tinka geriausiai:
- kodas, canvas, permatomumas su rgba()
HEX į RGB atnaujinimo lentelė
Dažniausiai sutinkamos CSS spalvos, konvertuotos iš HEX į RGB.
| Spalva | 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) |