RGB dat tres canales decimales inter 0 et 255. Convertendo ad HEX, quilibet canalus fit numerus hexadecimalis duarum cifrarum, ita totus color in uno token compacto capit quod omnis navigatro, instrumentum designandi et regula cognoscit.
Quomodo convertio RGB in HEX operatur
- Sume canalem rubrum et divide per 16: quotiens est primus digit, residuum est secundus.
- Scribe numeros 10–15 ut litteras A–F — 255 fit FF.
- Repite pro viridi et caeruleo, singulos digitos antepone cero ut 5 fiat 05.
- Coniunge tres paria et pone # ante eos.
Exemplum operantis
Exactum est, dummodo canales sint integri ab 0 ad 255. Valores fracti, ut rgb(79.5, 70, 229), primo ad proximum integer rotundantur, quia HEX medium inter non retinet.
RGB et HEX explicati
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()
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
Tabula referentiarum RGB ad HEX
Frequentissima CSS colorum, a RGB in HEX conversae.
| Color | 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 |