>> Usimamizi wa rangi
Thamani za rangi za RGB za hexadecimal
Mbinu za kuelezea na usindikaji wa rangi hutofautiana kutoka kwa kila mmoja katika uwakilishi gani wa mwisho unakusudiwa. Hebu tulinganishe, kwa mfano, uwakilishi wa rangi kwa uchapishaji na kwa wachunguzi wa kompyuta. Katika kesi ya kwanza, msingi unachukuliwa nyeupe rangi ya karatasi ambayo rangi tatu za msingi hutumiwa baadaye: bluu, zambarau Na njano. Kuchanganya na kila mmoja na kwa rangi nyeupe ya karatasi kwa uwiano tofauti, rangi hizi tatu za msingi hutoa vivuli vya rangi tofauti, isipokuwa kwa nyeusi safi, au kwa kutokuwepo kabisa kwa rangi hutoa karatasi nyeupe. Ikiwa tunaongeza rangi nyeusi kwao, tunapata CMYK-njia ya kupitisha rangi wakati rangi inayohitajika inapatikana kwa kutoa rangi zinazokosekana kutoka nyeupe.
Katika kesi ya pili, msingi unachukuliwa nyeusi rangi ya skrini ya kufuatilia, kila seli ambayo inang'aa katika moja ya rangi tatu: nyekundu-nyekundu, kijani-kijani na bluu-bluu. Kisha, kwa kutokuwepo kabisa kwa mwanga wowote, tunapata rangi ya skrini nyeusi safi, na rangi yoyote inayohitajika hutolewa kwa uwiano wa kila rangi tatu. Katika kesi hii tutapata RGB- njia ya maambukizi ya rangi. Rangi za msingi zinaweza kuanzia 0
kabla 255
, au kutoka 0%
kabla 100%
, au inaweza kuwakilishwa kama thamani ya heksadesimali. Katika takwimu hapa chini unaweza kuona matokeo ya kuchanganya rangi ya msingi.
Mfumo wa nambari ya hexadecimal, tofauti na mfumo wa nambari ya decimal, hauna nambari kumi, lakini kumi na sita - kwa hivyo jina. Ipasavyo, kunaweza tu kuwa na anuwai zisizorudiwa za mchanganyiko wa nambari mbili - 256 , ili kuendelea na mfululizo wa nambari baada ya 9 barua kutoka A kabla F, kwa hivyo, mfululizo utaonekana kama hii -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Katika kesi hii, rangi inatajwa na nambari tatu za hexadecimal, ambayo kila moja ina tarakimu mbili. Nambari ya kwanza huamua ukubwa nyekundu rangi, kati - kijani, jambo la mwisho - bluu rangi. Nambari zote zinaweza kuchukua maadili katika safu kutoka 00 kabla FF(kutoka 0 hadi 255). Kwa mfano: rangi ya kijani inatolewa kama #00FF00, nyekundu - kama #FF0000, bluu - kama #0000FF, nyeupe - kama #FFFF, kutokuwepo kabisa kwa rangi au nyeusi hutolewa kama #000000 .
Katika fomu iliyo hapa chini, unaweza kutaja maadili yoyote ya hexadecimal kwa kila moja ya rangi tatu na uone matokeo ya kuzichanganya kwa kubofya kwenye uwanja wa pato.
Mifano ya baadhi ya maadili ya rangi ya RGB ya hexadecimal: viwango vya rangi nyekundu, bluu na kijani.
mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Kubainisha Rangi Kwa Kutumia Kamba Literals
Kwa urahisi wa matumizi, baadhi ya rangi na mchanganyiko wao walipewa majina ambayo yanatambuliwa na vivinjari vyote, na ikawa inawezekana kuweka wengi wao kwa jina. Jedwali hapa chini linaonyesha baadhi ya majina ya rangi:
mtazamo | Jina | mtazamo | Jina | mtazamo | Jina | mtazamo | Jina |
Nyeupe | Nyekundu | Chungwa | Njano | ||||
Kijani | Bluu | Zambarau | Nyeusi | ||||
Aliceblue | Nyeupe ya Kale | Maji | Aquamarine | ||||
Azure | Beige | Bisque | Blanchedalmond | ||||
Blueviolet | Brown | Burlywood | Cadetblue | ||||
Chartreuse | Chokoleti | Matumbawe | Cornflowerblue | ||||
Cornsilk | Nyekundu | Cyan | Bluu iliyokolea | ||||
Giza | Darkgoldenrod | Darkray | Kijani giza | ||||
Darkkhaki | Giza | darkolivegreen | Darkorange | ||||
Darkorchid | Imetiwa giza | Salmoni ya giza | Kijani cha kijani kibichi | ||||
Bluu iliyokolea | Giza la kijivu | Darkturquoise | Urujuani mweusi | ||||
Deeppink | Deepskyblue | Dimgray | Dodgerblue | ||||
Matofali ya moto | Nyeupe ya maua | Forestgreen | Fuschia | ||||
Gainsboro | Ghostwhite | Dhahabu | Goldenrod | ||||
Kijivu | Manjano ya kijani | Umande wa asali | Hotpink | ||||
Mhindi | Kihindi | Pembe za Ndovu | Khaki | ||||
Lavender | Lavenderblush | Lemonchiffon | Bluu nyepesi | ||||
Mwangaza | Lightcyan | Lightcoldenrodyellow | Lightgreen | ||||
Nyepesi ya kijivu | Lightpink | Salmoni nyepesi | Lightseagreen | ||||
Lightskyblue | Lightslategray | Lightsteelblue | Njano isiyokolea | ||||
Chokaa | Limegreen | Kitani | Magenta | ||||
Maroon | Mediumaquamarine | Bluu ya kati | Orchid ya kati | ||||
Zambarau ya wastani | Mediumseagreen | Bluu ya wastani | Mediumspringgreen | ||||
Mediumturquoise | Nyekundu ya wastani | Midnightblue | Mintcream | ||||
Mistyrose | Navajowhite | Navy | Oldlace | ||||
Mzeituni | Oliverab | Rangi ya machungwa | Orchid | ||||
Palegoldenrod | Palegreen | Paletteurquoise | Rangi ya urujuani | ||||
Papai | Puff ya Peach | Peru | Pink | ||||
Plum | Bluu ya unga | Rosybrown | Royalblue | ||||
Saddlebrown | Bahari ya kijani | Seashell | Sienna | ||||
Fedha | Skyblue | Slateblue | Slategray | ||||
Theluji | Springgreen | Bluu ya chuma | Tan | ||||
Teal | Mbigili | Nyanya | Turquoise | ||||
Violet | Ngano | Moshi mweupe | Yellowgreen |
Kutumia palette ya rangi salama
Kwa bahati mbaya, kwenye majukwaa tofauti, na mipangilio tofauti ya mfumo, uzazi sahihi wa rangi ni tatizo. Jambo ni kwamba kivinjari daima hujaribu kurekebisha palette ya rangi ya hati kwa mipangilio ya mfumo na kufuatilia uwezo, kwa kujitegemea kuchanganya rangi na kuzibadilisha. Kama matokeo, wakati mwingine mtumiaji haoni haswa kile msimamizi wa wavuti alitaka kumwonyesha. Njia ya nje ya hali hii ilipatikana katika matumizi ya palette, ambayo kila rangi imehakikishiwa kutolewa kwa usawa na vivinjari vyote kwenye majukwaa tofauti. Hii ndio inayoitwa uhakika palette, pia inaitwa salama palette. Paleti hii inajumuisha rangi ambazo vipengele vya rangi huchukua maadili yafuatayo: 00 ,33 ,66 ,99 , CC,FF, kwa njia zote zinazowezekana 216 michanganyiko yao.
mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni | mtazamo | kanuni |
FFFF | CCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFCC | FFF99 | FFF66 | FFF33 | FFF00 | CCCC00 |
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, kwa 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 .Nambari za hexadecimal hutumiwa kutaja rangi. Mfumo wa hexadecimal, tofauti na mfumo wa decimal, unategemea, kama jina lake linavyopendekeza, kwa 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 rangi kadhaa 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 mandharinyuma 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 maadili ya 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.
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 |