Binibigay ng RGB ang tatlong decimal channels mula 0 hanggang 255. Ang pag-convert sa HEX ay ginagawang bawat channel bilang two-digit hexadecimal number, kaya ang buong kulay ay magkakasya sa isang compact token na naiintindihan ng bawat browser, design tool at style guide.
Paano gumagana ang conversion mula RGB papuntang HEX
- Kunin ang red channel at hatiin sa 16: ang quotient ang unang digit, ang remainder ang pangalawa.
- Isulat ang mga digit 10 hanggang 15 bilang mga letra A hanggang F — ang 255 ay magiging FF.
- Ulitin para sa green at blue, mag‑pad ng leading zero sa mga solong digit: ang 5 ay magiging 05.
- Pagsamahin ang tatlong pares at maglagay ng # sa unahan.
Halimbawang gumagana
Eksakto, basta ang mga channel ay buong numero mula 0 hanggang 255. Ang mga fractional na halaga tulad ng rgb(79.5, 70, 229) ay ira-round sa pinakamalapit na integer muna, dahil ang HEX ay hindi makakapag-imbak ng mga pagitan.
Ipinaliwanag ang RGB at HEX
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()
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
RGB to HEX reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula RGB papuntang HEX.
| Kulay | 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 |