Codex HEX continet tres numeros 8-bit in sex cifris hexadecimalibus. Convertendo HEX in RGB significat haec cifra in paria dividere et unumquodque par legere ut numerum decimale inter 0 et 255 — exacte valores quos CSS, Figma et editores imaginum expectant.
Quomodo convertio HEX in RGB operatur
- Averte praefixum # et, si codex tantum tres cifras habet, duplex singulam: #f53 fit #ff5533.
- Divide sex cifras in tria paria — RR, GG et BB.
- Lege unumquodque par ut numerum base-16 et converte ad base-10: FF fit 255, 57 fit 87, 33 fit 51.
- Scribe tres eventus ut rgb(R, G, B).
Exemplum operantis
Haec conversio est exacta. HEX et RGB describunt eadem valori sRGB in diversa notatione, ita nihil in utraque directione rotundatur aut amittitur.
HEX et RGB explicati
Quid est HEX?
Codex HEX est numerus hexadecimalis sex-digitus qui canalem rubri, viridis et caerulei coloris recondit post praefixum #. Quisque par digitorum refertur ad unum canalem, a 00 (nullus) usque ad FF (plenus), quod eadem 16.7 miliones colorum ut RGB dat sed in notatione breviore. HEX est default in CSS, instrumentis designandi et regulis brandi.
- Syntaxis:
- #RRGGBB
- Ambitus:
- 00–FF per canalem
- Optimum ad:
- CSS, traditio designandi, regulæ brandi
Quid est RGB?
RGB describit colorem ut tres canales luminis — ruber, viridis et caeruleus — quisque ab 0 ad 255. Repraesentat quomodo screenia revera operantur: omnia tria ad 255 efficiunt album, omnia ad 0 efficiunt nigrum. RGB est aptissimus cum necesse est cum numero operari, et rgba() addit transparentiam.
- Syntaxis:
- rgb(R, G, B)
- Ambitus:
- 0–255 per canalem
- Optimum ad:
- codex, canvas, transparentia cum rgba()
Tabula referentiarum HEX ad RGB
Frequentissima CSS colorum, a HEX in RGB conversae.
| Color | 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) |