RGB inokuunzira matishu matatu edecimal pakati pe0 ne255. Kushandura kuenda ku HEX kunochinja chiteshi chimwe nechimwe kuita nhamba yehexadecimal yemadhijithi maviri, saka ruvara rwese rwunopinda mune token rimwe diki rinonzwisiswa newebrowser, maturusi ekugadzira uye style guide.
Maitiro ekuverenga RGB kuenda ku HEX
- Tora chaneli dzvuku wobva wawedzera ne16: chiyero (quotient) ndicho chidimbu chekutanga, zvasara (remainder) ndicho chechipiri.
- Nyora manhamba 10 kusvika 15 se mavara A kusvika F — 255 inova FF.
- Dzokorora kune girini neblue, uchizadza manhamba emunhu mumwe nenhamba inotungamira: 5 inova 05.
- Sanganisa mapeya matatu woisa # pamberi.
Muenzaniso wakashanda
Chaizvo, kana chete kana machannels ari manhamba akazara kubva pa0 kusvika pa255. Makero ane zvikamu-semiripo senge rgb(79.5, 70, 229) anotenderedzwa kuita integer pedyo nguva yokutanga, nekuti HEX haigone kuchengeta pakati pezviviri.
RGB and HEX explained
Chii chinonzi RGB?
RGB inotsanangura ruvara sezviteshi zvitatu zverambi — red, green ne blue — imwe neimwe kubva pa 0 kusvika 255. Inoratidza maitiro anoshanda masikirini: ese matatu pa255 anopa chena, ese pa0 anopa nhema. RGB ndiyo sarudzo yakakodzera paunoda kuverenga nemavara, uye rgba() inowedzera kuvharika pamusoro.
- Syntax:
- rgb(R, G, B)
- Range:
- 0–255 per channel
- Yakanakira:
- code, canvas, transparency with rgba()
Chii chinonzi HEX?
A HEX code is a six-digit hexadecimal number that stores the red, green and blue channel of a color behind a leading #. Each pair of digits covers one channel, from 00 (none) to FF (full), which gives the same 16.7 million colors as RGB in a much shorter notation. HEX is the default in CSS, design tools and brand guidelines.
- Syntax:
- #RRGGBB
- Range:
- 00–FF per channel
- Yakanakira:
- CSS, design handoff, brand guidelines
RGB to HEX reference table
Mavara eCSS anowanzo shandiswa, akashandurwa kubva kuRGB kuenda kuHEX.
| Ruvara | 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 |