Nambari za hexadecimal hutumiwa kutaja rangi. Mfumo wa hexadecimal, tofauti na mfumo wa decimal, unategemea, kama jina lake linavyopendekeza, kwenye nambari 16. Nambari zitakuwa kama ifuatavyo: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. Nambari kutoka 10 hadi 15 zinabadilishwa na barua za Kilatini. Nambari kubwa zaidi ya 15 katika mfumo wa hexadecimal huundwa kwa kuchanganya nambari mbili hadi moja. Kwa mfano, nambari 255 katika decimal inalingana na nambari FF katika hexadecimal. Ili kuepuka kuchanganyikiwa katika kuamua mfumo wa nambari, ishara ya hashi # imewekwa kabla ya nambari ya hexadecimal, kwa mfano #666999. Kila moja ya rangi tatu - nyekundu, kijani na bluu - inaweza kuchukua maadili kutoka 00 hadi FF. Kwa hivyo, alama ya rangi imegawanywa katika vipengele vitatu #rrggbb, ambapo alama mbili za kwanza zinaonyesha sehemu nyekundu ya rangi, katikati mbili - kijani, na mbili za mwisho - bluu. Inaruhusiwa kutumia fomu ya kifupi #rgb, ambapo kila herufi inapaswa kuongezwa maradufu. Kwa hivyo, kiingilio #fe0 kinapaswa kuzingatiwa kama #ffee00.
Kwa jina
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Vivinjari vinaauni baadhi ya rangi kwa majina yao. Katika meza 1 inaonyesha majina, nambari ya hexadecimal, RGB, maadili ya HSL na maelezo.
| Jina | Rangi | Kanuni | RGB | HSL | Maelezo |
|---|---|---|---|---|---|
| nyeupe | #ffffff au #ffff | rgb(255,255,255) | hsl(0.0%,100%) | Nyeupe | |
| fedha | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Kijivu | |
| kijivu | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Kijivu giza | |
| nyeusi | #000000 au #000 | rgb(0,0,0) | hsl(0.0%,0%) | Nyeusi | |
| maroon | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | Nyekundu iliyokolea | |
| nyekundu | #ff0000 au #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Nyekundu | |
| machungwa | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Chungwa | |
| njano | #ffff00 au #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Njano | |
| mzeituni | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Mzeituni | |
| chokaa | #00ff00 au #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Mwanga wa kijani | |
| kijani | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Kijani | |
| maji | #00ff au #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Bluu | |
| bluu | #0000ff au #00f | rgb(0,0,255) | hsl(240,100%,50%) | Bluu | |
| jeshi la majini | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Bluu iliyokolea | |
| rangi ya manjano | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Bluu-kijani | |
| fuksi | #ff00ff au #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pink | |
| zambarau | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Kwa kutumia RGB
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Unaweza kufafanua rangi kwa kutumia thamani nyekundu, kijani kibichi na samawati kwa maneno ya desimali. Kila moja ya vipengele vitatu vya rangi huchukua thamani kutoka 0 hadi 255. Pia inaruhusiwa kutaja rangi kama asilimia, na 100% inalingana na nambari 255. Kwanza, taja neno kuu la rgb, na kisha taja vipengele vya rangi kwenye mabano. , ikitenganishwa na koma, kwa mfano rgb(255 , 128, 128) au rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Umbizo la RGBA ni sawa katika sintaksia kwa RGB, lakini inajumuisha chaneli ya alpha inayobainisha uwazi wa kipengele. Thamani ya 0 ina uwazi kabisa, 1 haina uwazi, na thamani ya kati kama 0.5 ina uwazi nusu.
RGBA iliongezwa kwa CSS3, kwa hivyo msimbo wa CSS lazima uthibitishwe dhidi ya toleo hili. Ikumbukwe kwamba kiwango cha CSS3 bado kinatengenezwa na baadhi ya vipengele vinaweza kubadilika. Kwa mfano, rangi katika umbizo la RGB iliyoongezwa kwenye sifa ya rangi ya usuli imethibitishwa, lakini ile iliyoongezwa kwenye kipengele cha usuli si halali tena. Wakati huo huo, vivinjari vinaelewa kwa usahihi rangi ya mali zote mbili.
HSL
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Jina la umbizo la HSL limetokana na mchanganyiko wa herufi za kwanza Hue (hue), Kueneza (kueneza) na Wepesi (wepesi). Hue ni thamani ya rangi kwenye gurudumu la rangi (Mchoro 1) na hutolewa kwa digrii. 0 ° inalingana na nyekundu, 120 ° hadi kijani, na 240 ° hadi bluu. Thamani ya hue inaweza kutofautiana kutoka 0 hadi 359.
Mchele. 1. Gurudumu la rangi
Kueneza ni ukubwa wa rangi na hupimwa kama asilimia kutoka 0% hadi 100%. Thamani ya 0% inaonyesha hakuna rangi na kivuli cha kijivu, 100% ni thamani ya juu ya kueneza.
Wepesi hubainisha jinsi rangi inavyong'aa na hubainishwa kama asilimia kutoka 0% hadi 100%. Thamani za chini hufanya rangi kuwa nyeusi, na maadili ya juu hufanya rangi kuwa nyepesi; maadili ya juu ya 0% na 100% yanahusiana na nyeusi na nyeupe.
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Umbizo la HSLA ni sawa katika sintaksia kwa HSL, lakini inajumuisha alfa channel ili kubainisha uwazi wa kipengele. Thamani ya 0 ina uwazi kabisa, 1 haina uwazi, na thamani ya kati kama 0.5 ina uwazi nusu.
Thamani za rangi za RGBA, HSL na HSLA huongezwa kwenye CSS3, kwa hivyo tafadhali angalia msimbo wako ili kuona uhalali wa toleo unapotumia fomati hizi.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Onyo
Mbinu zote za kukamata simba zilizoorodheshwa kwenye tovuti ni za kinadharia na zinatokana na mbinu za kimahesabu. Waandishi hawahakikishi usalama wako unapozitumia na wanakataa kuwajibika kwa matokeo. Kumbuka, simba ni mwindaji na mnyama hatari!
Matokeo ya mfano huu yanaonyeshwa kwenye Mtini. 2.
Mchele. 2. Rangi kwenye ukurasa wa wavuti
Katika HTML, rangi inaweza kubainishwa kwa njia tatu:
Kuweka rangi katika HTML kwa jina lake
Baadhi ya rangi zinaweza kubainishwa kwa majina yao, kwa kutumia jina la rangi kwa Kiingereza kama thamani. Maneno muhimu ya kawaida: nyeusi, nyeupe, nyekundu, kijani, bluu, nk.
Rangi ya maandishi - nyekundu
Rangi maarufu zaidi za kiwango cha World Wide Web Consortium (W3C):
| Rangi | Jina | Rangi | Jina | Rangi | Jina | Rangi | Jina |
|---|---|---|---|---|---|---|---|
| Nyeusi | Kijivu | Fedha | Nyeupe | ||||
| Njano | Chokaa | Maji | Fuchsia | ||||
| Nyekundu | Kijani | Bluu | Zambarau | ||||
| Maroon | Mzeituni | Navy | Teal |
Mfano wa kutumia majina ya rangi tofauti:
Mfano: kubainisha rangi kwa jina lake
- Jaribu mwenyewe"
Kijajuu kwenye usuli nyekundu
Kijajuu kwenye usuli wa chungwa
Inaelekea kwenye mandharinyuma ya chokaa
Maandishi meupe kwenye usuli wa bluu
Kijajuu kwenye usuli nyekundu
Kijajuu kwenye usuli wa chungwa
Inaelekea kwenye mandharinyuma ya chokaa
Maandishi meupe kwenye usuli wa bluu
Inabainisha Rangi Kwa Kutumia RGB
Wakati wa kuonyesha rangi tofauti kwenye kufuatilia, palette ya RGB hutumiwa kama msingi. Rangi yoyote hupatikana kwa kuchanganya zile tatu za msingi: R - nyekundu, G - kijani, B - bluu. Mwangaza wa kila rangi hutolewa na baiti moja na kwa hivyo inaweza kuchukua maadili kutoka 0 hadi 255. Kwa mfano, RGB(255,0,0) inaonyeshwa kama nyekundu kwa kuwa nyekundu imewekwa kwa thamani yake ya juu zaidi (255) na wengine wamewekwa 0 Unaweza pia kuweka rangi kama asilimia. Kila parameter inaonyesha kiwango cha mwangaza wa rangi inayolingana. Kwa mfano: thamani rgb(127, 255, 127) na rgb (50%, 100%, 50%) zitaweka rangi sawa ya kijani kibichi:
Mfano: Kubainisha Rangi Kwa Kutumia RGB
- Jaribu mwenyewe"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Weka rangi kwa thamani ya hexadesimoli
Maadili R G B pia inaweza kubainishwa kwa kutumia thamani za rangi ya hexadecimal (HEX) katika fomu: #RRGGBB ambapo RR (nyekundu), GG (kijani) na BB (bluu) ni maadili ya hexadecimal kutoka 00 hadi FF (sawa na desimali 0-255 ). Mfumo wa hexadecimal, tofauti na mfumo wa decimal, unategemea, kama jina lake linavyoonyesha, kwa nambari 16. Mfumo wa hexadecimal hutumia ishara zifuatazo: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Hapa nambari kutoka 10 hadi 15 zinabadilishwa na barua za Kilatini. Nambari kubwa zaidi ya 15 katika mfumo wa hexadecimal zinawakilishwa kwa kuchanganya herufi mbili katika thamani moja. Kwa mfano, nambari ya juu zaidi 255 katika desimali inalingana na thamani ya juu zaidi ya FF katika hexadecimal. Tofauti na mfumo wa desimali, nambari ya heksadesimali hutanguliwa na ishara ya heshi. # , kwa mfano, #FF0000 inaonyeshwa kama nyekundu kwa sababu nyekundu imewekwa kwenye thamani yake ya juu zaidi (FF) na rangi zingine zimewekwa kuwa thamani yake ya chini zaidi (00). Ishara baada ya ishara ya hashi # Unaweza kuandika kwa herufi kubwa na ndogo. Mfumo wa heksadesimali hukuruhusu kutumia fomu ya kifupi #rgb, ambapo kila herufi ni sawa na mara mbili. Kwa hivyo, kiingilio #f7O kinapaswa kuzingatiwa kama #ff7700.
Mfano: Rangi ya HEX
- Jaribu mwenyewe"
nyekundu: #FF0000
kijani: #00FF00
bluu: #0000FF
nyekundu: #FF0000
kijani: #00FF00
bluu: #0000FF
nyekundu+kijani=njano: #FFFF00
nyekundu+bluu=zambarau: #FF00FF
kijani+bluu=cyan: #00FFFF
Orodha ya rangi za kawaida (jina, HEX na RGB):
| Jina la Kiingereza | Jina la Kirusi | Sampuli | HEX | RGB | ||
|---|---|---|---|---|---|---|
| Amaranth | Amaranth | #E52B50 | 229 | 43 | 80 | |
| Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
| Maji | Bluu-kijani | #00FFFF | 0 | 255 | 255 | |
| Azure | Azure | #007FFF | 0 | 127 | 255 | |
| Nyeusi | Nyeusi | #000000 | 0 | 0 | 0 | |
| Bluu | Bluu | #0000FF | 0 | 0 | 255 | |
| Bondi Bluu | Maji ya pwani ya Bondi | #0095B6 | 0 | 149 | 182 | |
| Shaba | Shaba | #B5A642 | 181 | 166 | 66 | |
| Brown | Brown | #964B00 | 150 | 75 | 0 | |
| Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
| Giza spring kijani | Giza spring kijani | #177245 | 23 | 114 | 69 | |
| Zamaradi | Zamaradi | #50C878 | 80 | 200 | 120 | |
| Mbilingani | Mbilingani | #990066 | 153 | 0 | 102 | |
| Fuchsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
| Dhahabu | Dhahabu | #FFD700 | 250 | 215 | 0 | |
| Kijivu | Kijivu | #808080 | 128 | 128 | 128 | |
| Kijani | Kijani | #00FF00 | 0 | 255 | 0 | |
| Kihindi | Kihindi | #4B0082 | 75 | 0 | 130 | |
| Jade | Jade | #00A86B | 0 | 168 | 107 | |
| Chokaa | Chokaa | #CCFF00 | 204 | 255 | 0 | |
| Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
| Navy | Bluu iliyokolea | #000080 | 0 | 0 | 128 | |
| Ocher | Ocher | #CC7722 | 204 | 119 | 34 | |
| Mzeituni | Mzeituni | #808000 | 128 | 128 | 0 | |
| Chungwa | Chungwa | #FFA500 | 255 | 165 | 0 | |
| Peach | Peach | #FFE5B4 | 255 | 229 | 180 | |
| Malenge | Malenge | #FF7518 | 255 | 117 | 24 | |
| Zambarau | Violet | #800080 | 128 | 0 | 128 | |
| Nyekundu | Nyekundu | #FF0000 | 255 | 0 | 0 | |
| Zafarani | Zafarani | #F4C430 | 244 | 196 | 48 | |
| Bahari ya Kijani | Bahari ya kijani | #2E8B57 | 46 | 139 | 87 | |
| Kijani cha majimaji | Bolotny | #ACB78E | 172 | 183 | 142 | |
| Teal | Bluu-kijani | #008080 | 0 | 128 | 128 | |
| Ultramarine | Ultramarine | #120A8F | 18 | 10 | 143 | |
| Violet | Violet | #8B00FF | 139 | 0 | 255 | |
| Njano | Njano | #FFFF00 | 255 | 255 | 0 | |
Misimbo ya rangi (chinichini) kwa kueneza na hue.
Kama unavyojua, rangi inaweza kuathiri hali ya mtu: kiakili na kimwili. Kila siku, wakati wa kuvinjari tovuti kwenye mtandao, macho hutathmini mamilioni ya rangi na vivuli. Mbuni wa wavuti anayefahamu saikolojia ya rangi anaweza kudhibiti hali ya mgeni kufikia malengo fulani.
Hii ni kutokana na ukweli kwamba vivuli vingine vimetulia, na vingine, kinyume chake, vinasisimua. Ifuatayo, tutazungumza juu ya jinsi rangi inavyounganishwa na kuonyeshwa kwa kutumia teknolojia ya kompyuta.
RGB ni mfano wa rangi ambayo inawakilisha njia ya kupata rangi zote na vivuli vyake kwa kuchanganya kwa idadi tofauti sehemu kuu tatu, ambazo ni:
- rangi nyekundu ( Nyekundu);
- rangi ya kijani ( Kijani);
- Rangi ya bluu ( Bluu).
Hapa ndipo jina la kifupi RGB linatoka. Rangi hizi zilichaguliwa kama zile kuu kwa sababu: sababu ni fiziolojia ya retina ya jicho la mwanadamu, na jinsi inavyowaona:
Mfano wa RGB unabaki kuwa maarufu zaidi leo na hutumiwa kuzalisha rangi kwenye skrini za TV na wachunguzi wa kompyuta. Kwa kuwa wazalishaji huweka bidhaa zao na sifa tofauti, mwaka wa 1996 mfumo wa mchanganyiko wa rangi ya RGB unaoitwa sRGB uliundwa, ambayo Microsoft na HP zilifanya kazi pamoja.
Uwakilishi wa nambari ya rangi
Kama ilivyoelezwa hapo awali, rangi za RGB huundwa kwa kuchanganya rangi za msingi. Ili kuelezea ukubwa wa kila mmoja wao, mpango ulipitishwa ambao rangi inawakilishwa na anuwai 0-255 (bits 8), ambayo kwa nukuu ya hexadecimal inalingana na 00-FF.
Hiyo ni, rangi za msingi zitaonekana kama hii:
- Nyekundu - RGB (255,0,0);
- Kijani - RGB (0,255,0);
- Bluu - RGB (0,0,255);
Ikiwa ukubwa wa rangi huchukua maadili chini ya 255, basi vivuli tofauti vya nyekundu, kijani na bluu hupatikana. Ifuatayo ni jedwali la viwango vyao, na vile vile maadili ya hexadecimal ya kila vivuli:
Jedwali la rangi ya RGB
Kwa kawaida, pamoja na gradations ya rangi ya msingi, kuna mchanganyiko, na idadi yao ni kubwa kabisa. Kwa hivyo, meza ya rangi ya RGB iliundwa, ambayo inatoa vivuli vyote vilivyopo, pamoja na majina yao na uwakilishi wa nambari ( katika muundo wa desimali na hexadecimal).
Unaweza kuitazama hapa. Jedwali hili hurahisisha maisha kwa wabunifu wa wavuti, kwani kwa sekunde chache unaweza kupata kivuli kinachohitajika na kujua uwakilishi wake wa nambari.
Paleti ya rangi ya RGB salama
Hata hivyo, wakati fulani kulikuwa na tatizo la kuonyesha rangi katika vivinjari tofauti, na kutatua, palette inayoitwa "salama" ya rangi ya RGB iliundwa, ambayo ilitolewa na mahesabu ya hisabati.
Wakati kivinjari hakiwezi kuonyesha rangi kwa usahihi, itajaribu kupata kitu karibu na kile kinachohitaji kwa kuchanganya rangi zilizo karibu, na uwezekano mkubwa matokeo hayatakubalika kabisa:
Kwa kutumia misimbo ya rangi ya RGB kutoka kwenye ubao huu, msanidi wa wavuti anaweza kuwa na amani ya akili kuhusu uonyeshaji wa rangi kwenye kurasa za tovuti yao zinapotazamwa kwa kutumia vivinjari, mifumo na vidhibiti tofauti. Ingawa kwa sasa jedwali la rangi salama linapoteza umuhimu wake ( maendeleo ya kiteknolojia bado hayajasimama), unapoitumia unaweza, kama wanasema, kulala kwa amani.
Rangi ya dhahabu katika mfano wa RGB
Neno "dhahabu" lilitumiwa kwanza mwanzoni mwa karne ya 14 kuelezea rangi ya kipengele cha kemikali kinachoitwa Aurum - dhahabu. Katika mfano wa RGB, rangi ya dhahabu inawakilishwa na maadili yafuatayo ya nambari:
- RGB (255, 215, 0) - mfumo wa decimal;
- HEX #FFD700 - mfumo wa hexadecimal.
Rangi ya beige katika mfano wa RGB
Rangi ya beige inachukua nafasi muhimu katika historia, hata ikiwa sio ya kuelezea zaidi. Makaburi mengi ya kitamaduni, hasa sanamu za kale, zilifanywa kwa mawe ya sabuni na sabuni, ambayo yana rangi ya beige. Katika mfano wa RGB, beige ina uwakilishi wa nambari zifuatazo:
- RGB (245, 245, 220) - mfumo wa decimal;
- HEX #F5F5DC - mfumo wa hexadecimal.
Siku hizi, haswa kwenye Mtandao Wote wa Ulimwenguni, ni nadra kuona rangi kama hiyo "ya kuchosha". Watengenezaji hutoa upendeleo kwa muundo wa kuvutia kwa kutumia rangi angavu. Maendeleo ya kiteknolojia hukuruhusu kuonyesha idadi kubwa ya rangi kwenye vichunguzi, ambayo inafanya picha kuwa ya kweli zaidi.
Nzuri mbaya
Nambari za Minecraft rangi, au Minecraft kanuni uumbizaji, ruhusu mchezaji yeyote kuongeza maua na umbizo la maandishi kwa kila njia inayowezekana moja kwa moja kwenye Minecraft. Nambari za rangi kutoka &0-9 - hadi &a-f. Waongeze kabla ya maandishi yako. Ujumbe kutoka kwa wachezaji unaweza kuwa na misimbo ya rangi inayokuruhusu kuongeza rangi kwenye sentensi zako.
Rangi na misimbo ya uumbizaji
Alama ya ampersand (&) ikifuatwa na nambari ya heksadesimali katika ujumbe huashiria mteja kubadili rangi anapoonyesha maandishi. Zaidi ya hayo, maandishi yanaweza kuumbizwa na & kufuatiwa na herufi. Unaweza kuongeza rangi tofauti kwenye vitabu, vizuizi vya amri, jina la seva, maelezo ya seva (motd), majina ya ulimwengu, ishara, na hata majina ya wachezaji.
Ni rahisi sana kuumbiza maandishi yako katika usanidi au mchezo kwa kutumia chati ya rangi iliyo hapa chini. &r inatumika kuweka upya misimbo yote, k.m. &mAAA&rBBB itaonyeshwa kama AAA BBB.
Tunawasilisha jedwali la misimbo iliyopo ya rangi katika Minecraft kwa urahisi wako:
| Kanuni | Jina | Jina la Kiufundi | Rangi ya alama | Alama ya rangi ya kivuli | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | Nyeusi | nyeusi | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Bluu iliyokolea | giza_bluu | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Kijani giza | giza_kijani | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Bluu-kijani giza | giza_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Nyekundu iliyokolea | nyeusi_nyekundu | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Zambarau iliyokolea | giza_zambarau | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Dhahabu | dhahabu | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Kijivu | kijivu | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Kijivu giza | giza_kijivu | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Bluu | bluu | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Kijani | kijani | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Bluu-kijani | maji | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Nyekundu | nyekundu | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Zambarau nyepesi | zambarau_nyepesi | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Njano | njano | 255 | 255 | 85 | FFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Nyeupe | nyeupe | 255 | 255 | 255 | FFFF | 63 | 63 | 63 | 3F3F3F |
Wakati mwingine ni muhimu pigia mstari, vuka nje, kuonyesha maandishi yoyote. Hii inafanywa kwa kutumia umbizo la maandishi. Inatumika kwa njia sawa na rangi (tunaweka kabla ya maandishi kanuni, kwa mfano &lMinecraft = Minecraft.
Kwa urahisi wako, hapa chini kuna jedwali la misimbo ya uumbizaji:
| Kanuni | Jina |
|---|---|
| &k | Maandishi ya uchawi |
| &l | Kijipicha |
| &m | Maandishi ya kuvutia |
| &n | Maandishi yaliyopigiwa mstari |
| &o | Maandishi ya italiki |
| &r | Maandishi bila umbizo |
Vlad Merzhevich
Katika HTML, rangi imebainishwa katika mojawapo ya njia mbili: kutumia msimbo wa hexadecimal na kwa jina la rangi fulani. Njia kulingana na mfumo wa nambari ya hexadecimal hutumiwa sana, kwani ndiyo ya ulimwengu wote.
Rangi za hexadecimal
HTML hutumia nambari za heksadesimali kubainisha rangi. Mfumo wa hexadecimal, tofauti na mfumo wa decimal, unategemea, kama jina lake linavyopendekeza, kwenye nambari 16. Nambari zitakuwa kama ifuatavyo: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. Nambari kutoka 10 hadi 15 zinabadilishwa na barua za Kilatini. Katika meza 6.1 inaonyesha mawasiliano kati ya nambari za desimali na heksadesimali.
Nambari kubwa zaidi ya 15 katika mfumo wa hexadecimal huundwa kwa kuchanganya nambari mbili hadi moja (Jedwali 6.2). Kwa mfano, nambari 255 katika decimal inalingana na nambari FF katika hexadecimal.
Ili kuzuia mkanganyiko katika kufafanua mfumo wa nambari, nambari ya heksadesimali hutanguliwa na ishara ya hashi #, kwa mfano #aa69cc. Katika kesi hii, kesi haijalishi, hivyo inaruhusiwa kuandika #F0F0F0 au #f0f0f0.
Rangi ya kawaida inayotumiwa katika HTML inaonekana kama hii.
Hapa rangi ya mandharinyuma ya ukurasa wa wavuti imewekwa kuwa #FA8E47. Alama ya heshi # mbele ya nambari inamaanisha kuwa ni heksadesimali. Nambari mbili za kwanza (FA) zinafafanua sehemu nyekundu ya rangi, ya tatu hadi ya nne (8E) inafafanua sehemu ya kijani, na tarakimu mbili za mwisho (47) zinafafanua sehemu ya bluu. Matokeo ya mwisho yatakuwa rangi hii.
| F.A. | + | 8E | + | 47 | = | FA8E47 |
Kila moja ya rangi tatu - nyekundu, kijani na bluu - inaweza kuchukua maadili kutoka 00 hadi FF, na kusababisha jumla ya vivuli 256. Hivyo, jumla ya idadi ya rangi inaweza kuwa 256x256x256 = 16,777,216 mchanganyiko. Mfano wa rangi kulingana na vipengele nyekundu, kijani na bluu inaitwa RGB (nyekundu, kijani, bluu; nyekundu, kijani, bluu). Mfano huu ni wa kuongeza (kutoka kwa kuongeza - kuongeza), ambayo kuongeza kwa vipengele vyote vitatu huunda rangi nyeupe.
Ili kurahisisha kuvinjari rangi za hexadecimal, zingatia sheria kadhaa.
- Ikiwa maadili ya vipengele vya rangi ni sawa (kwa mfano: #D6D6D6), basi matokeo yatakuwa rangi ya kijivu. Kadiri nambari inavyokuwa juu, ndivyo rangi inavyozidi kuwa nyepesi, yenye thamani kuanzia #000000 (nyeusi) hadi #FFFFFF (nyeupe).
- Rangi nyekundu nyekundu huundwa ikiwa sehemu nyekundu inafanywa upeo (FF) na vipengele vilivyobaki vimewekwa kwa sifuri. Rangi yenye thamani ya #FF0000 ndio kivuli chekundu zaidi kinachowezekana. Vile vile ni kweli kwa kijani (#00FF00) na bluu (#0000FF).
- Njano (#FFFF00) hutengenezwa kwa kuchanganya nyekundu na kijani. Hii inaonekana wazi kwenye gurudumu la rangi (Mchoro 6.1), ambayo inatoa rangi za msingi (nyekundu, kijani, bluu) na za ziada au za ziada. Hizi ni pamoja na njano, cyan na violet (pia huitwa magenta). Kwa ujumla, rangi yoyote inaweza kupatikana kwa kuchanganya rangi karibu nayo. Kwa hivyo, cyan (#00FFFF) hupatikana kwa kuchanganya bluu na kijani.
Mchele. 6.1. Mzunguko wa rangi
Rangi kulingana na maadili ya hexadesimoli sio lazima ichaguliwe kwa nguvu. Kwa kusudi hili, mhariri wa graphic ambayo inaweza kufanya kazi na mifano tofauti ya rangi, kwa mfano, Adobe Photoshop, inafaa. Katika Mtini. Mchoro 6.2 unaonyesha dirisha la kuchagua rangi katika programu hii; thamani ya heksadesimali inayotokana ya rangi ya sasa imeainishwa na mstari. Unaweza kunakili na kuibandika kwenye msimbo wako.
Mchele. 6.2. Dirisha la kuchagua rangi katika Photoshop
Rangi za wavuti
Ukiweka ubora wa utoaji wa rangi ya kifuatiliaji kwa biti 8 (rangi 256), basi rangi sawa inaweza kuonyeshwa kwa njia tofauti katika vivinjari tofauti. Hii ni kutokana na jinsi graphics inavyoonyeshwa, wakati kivinjari kinafanya kazi na palette yake na haiwezi kuonyesha rangi ambayo haipo kwenye palette yake. Katika kesi hii, rangi inabadilishwa na mchanganyiko wa saizi za wengine, karibu nayo, rangi zinazoiga moja iliyotolewa. Ili kuhakikisha kuwa rangi inasalia sawa katika vivinjari tofauti, palette ya kinachojulikana rangi ya wavuti ilianzishwa. Rangi za wavuti ni zile rangi ambazo kila sehemu - nyekundu, kijani na bluu - imewekwa kwa moja ya maadili sita - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Thamani ya hexadecimal ya sehemu hii imeonyeshwa kwenye mabano. Idadi ya jumla ya rangi kutoka kwa mchanganyiko wote unaowezekana inatoa 6x6x6 - 216 rangi. Mfano wa rangi ya wavuti ni #33FF66.
Kipengele kikuu cha rangi ya wavuti ni kwamba inaonekana sawa katika vivinjari vyote. Kwa sasa, umuhimu wa rangi za wavuti ni ndogo sana kutokana na uboreshaji wa ubora wa wachunguzi na upanuzi wa uwezo wao.
Rangi kwa jina
Ili kuepuka kukumbuka seti ya nambari, unaweza kutumia majina ya rangi zinazotumiwa sana badala yake. Katika meza 6.3 inaonyesha majina ya majina ya rangi maarufu.
| Jina la rangi | Rangi | Maelezo | Thamani ya heksadesimali |
|---|---|---|---|
| nyeusi | Nyeusi | #000000 | |
| bluu | Bluu | #0000FF | |
| fuksi | Zambarau nyepesi | #FF00FF | |
| kijivu | Kijivu giza | #808080 | |
| kijani | Kijani | #008000 | |
| chokaa | Mwanga wa kijani | #00FF00 | |
| maroon | Nyekundu iliyokolea | #800000 | |
| jeshi la majini | Bluu iliyokolea | #000080 | |
| mzeituni | Mzeituni | #808000 | |
| zambarau | Zambarau iliyokolea | #800080 | |
| nyekundu | Nyekundu | #FF0000 | |
| fedha | Kijivu nyepesi | #C0C0C0 | |
| rangi ya manjano | Bluu-kijani | #008080 | |
| nyeupe | Nyeupe | #FFFF | |
| njano | Njano | #FFFF00 |
Haijalishi ikiwa unataja rangi kwa jina lake au kwa kutumia nambari za hexadecimal. Njia hizi ni sawa katika athari zao. Mfano 6.1 unaonyesha jinsi ya kuweka usuli na rangi za maandishi ya ukurasa wa wavuti.
Mfano 6.1. Rangi ya asili na maandishi
Mfano wa maandishi
Katika mfano huu, rangi ya mandharinyuma imewekwa kwa kutumia sifa ya bgcolor ya lebo
, na rangi ya maandishi kupitia sifa ya maandishi. Kwa anuwai, sifa ya maandishi imewekwa kwa nambari ya heksadesimali, na sifa ya bgcolor imewekwa kwa neno kuu lililohifadhiwa teal .
