O le RGB e avatua ia te oe chanel e tolu i numera decimal i le va o le 0 ma le 255. O le liua i HEX e faaliliu ai chanel taʻitasi i se numera hexadecimal e toʻalua-numera, ina ia fetaui ai le lanu atoa i totonu o se token puupuu e talitonuina e browser uma, meafaigaluega mamanu ma taiala sitaili.
Auala e galue ai le faaliliuga mai RGB i le HEX
- Ave le auala mumu (red channel) ma vaevae i le 16: o le quotient e avea ma digit muamua, o le toega e avea ma digit lona lua.
- Tusi le numera 10 i le 15 o latou tuhituhi A i le F — o le 255 e avea ma FF.
- Toe fai mo le lanumeamata ma le lanumoana, faʻaopoopo se zero i luma pe a na o le tasi digit: 5 e avea ma 05.
- Fesoʻotaʻi le tolu paipa ma tuu se # i luma.
Faataitaʻiga aoga
Saʻo, pe a o le auala uma o loʻo i numera atoa mai le 0 i le 255. O tau fāmesi pei o rgb(79.5, 70, 229) e fa'ataamilosaga i le numera atoa lata mai muamua, ona e le mafai e le HEX ona teu se mea vaevae.
RGB ma HEX faamatala
O le ā le RGB?
O le RGB e faamatala se lanu o ni chanel e tolu o moli — mumu, lanumeamata ma lanumoana — taitasi mai le 0 i le 255. E faʻafetaui i le auala e galue ai lau moni: o nei tolu uma i le 255 e mafai ai le paʻepaʻe, uma i le 0 e mafai ai le uliuli. RGB e talafeagai pe a e manaʻomia ona fai fuainumera ma se lanu, ma o le rgba() e faʻaopopo ai le faʻamamago (transparency).
- Syntax:
- rgb(R, G, B)
- Vaega:
- 0–255 i le chanel
- Sili ona talafeagai mo:
- code, canvas, manino ma rgba()
O le ā le HEX?
O le HEX o se numera hexadecimal e ono-numera e teu ai le auala mumu, lanumeamata ma lanumoana o se lanu i tua atu o se # i luma. O pa i numera taitasi e ufiufi se chanel, mai le 00 (leai) i le FF (atoatoa), lea e maua ai le tutusa 16.7 miliona lanu e pei o RGB i se faaliliuga puupuu. HEX o le faatulagaga masani i le CSS, meafaigaluega mamanu ma taiala faailoga.
- Syntax:
- #RRGGBB
- Vaega:
- 00–FF i le chanel
- Sili ona talafeagai mo:
- CSS, handoff mamanu, taiala faailoga
RGB i le HEX laulau referência
Lanu CSS sili ona masani, faaliliu mai RGB i le HEX.
| Lanu | 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 |