Pinagsisiksik ng HEX code ang tatlong 8-bit numbers sa anim na hexadecimal digits. Ang pag-convert ng HEX sa RGB ay nangangahulugang hatiin ang mga digit na iyon sa pares at basahin ang bawat pares bilang decimal number sa pagitan ng 0 at 255 — eksaktong mga value na inaasahan ng CSS, Figma at image editors.
Paano gumagana ang conversion mula HEX papuntang RGB
- Tanggalin ang nangungunang # at, kung ang code ay may tatlong digit lang, doblehin ang bawat isa: #f53 becomes #ff5533.
- Hatiin ang anim na digit sa tatlong pares — RR, GG at BB.
- Basahin ang bawat pares bilang base-16 number at i-convert sa base 10: FF becomes 255, 57 becomes 87, 33 becomes 51.
- Isulat ang tatlong resulta bilang rgb(R, G, B).
Halimbawang gumagana
Eksakto ang conversion na ito. Parehong naglalarawan ang HEX at RGB ng parehong sRGB values sa magkaibang notasyon, kaya walang nire-round o nawawala sa alinmang direksyon.
Ipinaliwanag ang HEX at RGB
Ano ang HEX?
Ang HEX code ay isang anim na digit na hexadecimal na numero na nag-iimbak ng red, green at blue channel ng isang kulay sa likod ng nangungunang #. Bawat pares ng digit ay sumasaklaw sa isang channel, mula 00 (wala) hanggang FF (buo), na nagbibigay ng parehong 16.7 milyong kulay gaya ng RGB pero sa mas maikling notasyon. HEX ang default sa CSS, design tools at brand guidelines.
- Sintaks:
- #RRGGBB
- Saklaw:
- 00–FF per channel
- Pinakamainam para sa:
- CSS, design handoff, brand guidelines
Ano ang RGB?
Ipinapakita ng RGB ang kulay bilang tatlong channel ng ilaw — red, green at blue — bawat isa mula 0 hanggang 255. Ginagaya nito kung paano talaga gumagana ang mga screen: lahat ng tatlo sa 255 ay nagreresulta sa puti, lahat sa 0 ay itim. Tamang piliin ang RGB kapag kailangan mong mag-calculate gamit ang isang kulay, at nagdadagdag ang rgba() ng transparency sa ibabaw.
- Sintaks:
- rgb(R, G, B)
- Saklaw:
- 0–255 per channel
- Pinakamainam para sa:
- code, canvas, transparency with rgba()
HEX to RGB reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula HEX papuntang RGB.
| Kulay | 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) |