>> 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 moja ya 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 waraka 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 |
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, rangi ya beige ina uwakilishi wa nambari zifuatazo.
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
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 .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.