O se HEX code e faʻaputuina ai ni numera e tolu 8-bit i totonu o numera hexadecimal e ono. O le liua mai HEX i RGB o lona uiga o le vaevaeina o na numera i pa i le lua ma faitau i latou taʻitasi o se numera decimal i le va o le 0 ma le 255 — saʻo lava na taua e talosagaina e le CSS, Figma ma faʻatonu ata.
Auala e galue ai le faaliliuga mai HEX i le RGB
- Pa le # i luma ma, afai o le code e toʻaono numera naʻo, kopiina taitasi i le lua: #f53 lona faaiʻuga o le #ff5533.
- Vaevae le ono numera i ni pa e tolu — RR, GG ma BB.
- Faitau taitasi pa o se numera faavae-16 ma liua i faavae-10: FF e fai 255, 57 e fai 87, 33 e fai 51.
- Tusi iʻuga e tolu o le rgb(R, G, B).
Faataitaʻiga aoga
O lenei liua e tonu. HEX ma RGB e faamatala tutusa ai le sRGB taua i se faatulagaga eseese, o lea e leai se mea e faafaʻaloalo pe leiloa i soʻo se itu.
HEX ma RGB faamatala
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
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()
HEX i le RGB laulau referência
Lanu CSS sili ona masani, faaliliu mai HEX i le RGB.
| Lanu | 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) |