RGB donas tri dekumajn kanalojn inter 0 kaj 255. Konverti al HEX transformas ĉiun kanalon en du-ciferan heksadeciman nombron, tiel la tuta koloro taŭgas en unu kompaktan simbolon, kiun ĉiu retumilo, dizajnilo kaj stila gvidlibro komprenas.
Kiel funkcias konvertado de RGB al HEX
- Prenu la ruĝan kanalon kaj dividu ĝin per 16: la kvociento estas la unua cifero, la resto la dua.
- Skribu la ciferojn 10 ĝis 15 kiel la literoj A ĝis F — 255 fariĝas FF.
- Ripetu por verda kaj blua, plenigu unu-ciferajn valorojn per antaŭa nulo: 5 fariĝas 05.
- Kunigu la tri parojn kaj metu # antaŭe.
Efektiva ekzemplo
Preciza, kondiĉe ke la kanaloj estas entjeraj nombroj de 0 ĝis 255. Frakciaj valoroj kiel rgb(79.5, 70, 229) estas unue rondigitaj al la plej proksima entjero, ĉar HEX ne povas stoki mezvalorojn.
RGB kaj HEX klarigo
Kio estas RGB?
RGB priskribas koloron kiel tri lumkanalojn — ruĝa, verda kaj blua — ĉiu de 0 ĝis 255. Ĝi spegulas kiel ekranoj fakte funkcias: ĉiuj tri je 255 donas blankon, ĉiuj je 0 donas nigrion. RGB estas la ĝusta elekto kiam vi bezonas kalkuli kun koloro, kaj rgba() aldona travideblecon supre.
- Sintekso:
- rgb(R, G, B)
- Gamo:
- 0–255 po kanalo
- Plej taŭga por:
- kodo, canvas, travidebleco kun rgba()
Kio estas HEX?
HEX-kodo estas ses-cifera heksadecima nombro kiu stokas la ruĝan, verdan kaj bluan kanalon de koloro post antaŭa #. Ĉiu paro da ciferoj kovras unu kanalon, de 00 (neniu) ĝis FF (plena), kio donas la samajn 16.7 milionojn da koloroj kiel RGB en multe pli mallonga notacio. HEX estas la defaŭlta en CSS, dizajnotiloj kaj markgvidlinioj.
- Sintekso:
- #RRGGBB
- Gamo:
- 00–FF po kanalo
- Plej taŭga por:
- CSS, transdono de dezajno, markgvidlinioj
RGB al HEX referenctabelo
La plej oftaj CSS-koloroj, konvertitaj de RGB al HEX.
| Koloro | 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 |