Sa HTML, maaaring tukuyin ang kulay sa tatlong paraan:
Pagtatakda ng kulay sa HTML ayon sa pangalan nito
Maaaring tukuyin ang ilang mga kulay sa pamamagitan ng kanilang pangalan, gamit ang pangalan ng kulay sa English bilang halaga. Ang pinakakaraniwang mga keyword: itim, puti, pula, berde, asul, atbp.:
Kulay ng teksto – pula
Ang pinakasikat na mga kulay ng pamantayan ng World Wide Web Consortium (W3C):
| Kulay | Pangalan | Kulay | Pangalan | Kulay | Pangalan | Kulay | Pangalan |
|---|---|---|---|---|---|---|---|
| Itim | kulay-abo | pilak | Puti | ||||
| Dilaw | kalamansi | Aqua | Fuchsia | ||||
| Pula | Berde | Asul | Lila | ||||
| Maroon | Olive | hukbong-dagat | Teal |
Halimbawa ng paggamit ng iba't ibang pangalan ng kulay:
Halimbawa: pagtukoy ng kulay sa pamamagitan ng pangalan nito
- Subukan ito sa iyong sarili "
Header sa pulang background
Header sa orange na background
Heading sa lime background
Puting teksto sa asul na background
Header sa pulang background
Header sa orange na background
Heading sa lime background
Puting teksto sa asul na background
Pagtukoy ng Kulay Gamit ang RGB
Kapag nagpapakita ng iba't ibang kulay sa isang monitor, ginagamit ang RGB palette bilang batayan. Ang anumang kulay ay nakuha sa pamamagitan ng paghahalo ng tatlong pangunahing mga: R - pula, G - berde, B - asul. Ang liwanag ng bawat kulay ay binibigyan ng isang byte at samakatuwid ay maaaring tumagal ng mga halaga mula 0 hanggang 255. Halimbawa, ang RGB(255,0,0) ay ipinapakita bilang pula dahil ang pula ay nakatakda sa pinakamataas na halaga nito (255) at ang ang iba ay nakatakda sa 0 Maaari mo ring itakda ang kulay bilang porsyento. Ang bawat parameter ay nagpapahiwatig ng antas ng liwanag ng kaukulang kulay. Halimbawa: ang mga halaga rgb(127, 255, 127) at rgb(50%, 100%, 50%) ay magtatakda ng parehong katamtamang berdeng kulay:
Halimbawa: Pagtukoy ng Kulay Gamit ang RGB
- Subukan ito sa iyong sarili "
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Itakda ang kulay sa pamamagitan ng hexadecimal na halaga
Mga halaga R G B maaari ding tukuyin gamit ang mga halaga ng kulay ng hexadecimal (HEX) sa anyo: #RRGGBB kung saan ang RR (pula), GG (berde) at BB (asul) ay mga hexadecimal na halaga mula 00 hanggang FF (kapareho ng decimal 0-255 ). Ang hexadecimal system, hindi katulad ng decimal system, ay nakabatay, gaya ng ipinahihiwatig ng pangalan nito, sa numerong 16. Ang hexadecimal system ay gumagamit ng mga sumusunod na palatandaan: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Dito ang mga numero mula 10 hanggang 15 ay pinapalitan ng mga letrang Latin. Ang mga numerong higit sa 15 sa hexadecimal system ay kinakatawan sa pamamagitan ng pagsasama-sama ng dalawang character sa isang halaga. Halimbawa, ang pinakamataas na bilang na 255 sa decimal ay tumutugma sa pinakamataas na halaga ng FF sa hexadecimal. Hindi tulad ng decimal system, ang isang hexadecimal na numero ay nauuna sa isang simbolo ng hash. # , halimbawa, ang #FF0000 ay ipinapakita bilang pula dahil ang pula ay nakatakda sa pinakamataas na halaga nito (FF) at ang iba pang mga kulay ay nakatakda sa kanilang pinakamababang halaga (00). Mga palatandaan pagkatapos ng simbolo ng hash # Maaari kang mag-type sa parehong uppercase at lowercase. Binibigyang-daan ka ng hexadecimal system na gamitin ang pinaikling anyo na #rgb, kung saan ang bawat karakter ay katumbas ng doble. Kaya, ang entry na #f7O ay dapat ituring bilang #ff7700.
Halimbawa: Kulay ng HEX
- Subukan ito sa iyong sarili "
pula: #FF0000
berde: #00FF00
asul: #0000FF
pula: #FF0000
berde: #00FF00
asul: #0000FF
pula+berde=dilaw: #FFFF00
pula+asul=purple: #FF00FF
berde+asul=cyan: #00FFFF
Listahan ng mga karaniwang ginagamit na kulay (pangalan, HEX at RGB):
| Ingles na pangalan | pangalang Ruso | Sample | HEX | RGB | ||
|---|---|---|---|---|---|---|
| Amaranto | Amaranto | #E52B50 | 229 | 43 | 80 | |
| Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
| Aqua | Asul-berde | #00FFFF | 0 | 255 | 255 | |
| Azure | Azure | #007FFF | 0 | 127 | 255 | |
| Itim | Itim | #000000 | 0 | 0 | 0 | |
| Asul | Asul | #0000FF | 0 | 0 | 255 | |
| Bondi Blue | Bondi beach water | #0095B6 | 0 | 149 | 182 | |
| tanso | tanso | #B5A642 | 181 | 166 | 66 | |
| kayumanggi | kayumanggi | #964B00 | 150 | 75 | 0 | |
| Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
| Madilim na berdeng tagsibol | Madilim na berdeng tagsibol | #177245 | 23 | 114 | 69 | |
| Esmeralda | Esmeralda | #50C878 | 80 | 200 | 120 | |
| Talong | Talong | #990066 | 153 | 0 | 102 | |
| Fuchsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
| ginto | ginto | #FFD700 | 250 | 215 | 0 | |
| kulay-abo | Kulay-abo | #808080 | 128 | 128 | 128 | |
| Berde | Berde | #00FF00 | 0 | 255 | 0 | |
| Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
| Jade | Jade | #00A86B | 0 | 168 | 107 | |
| kalamansi | kalamansi | #CCFF00 | 204 | 255 | 0 | |
| Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
| hukbong-dagat | Madilim na asul | #000080 | 0 | 0 | 128 | |
| okre | okre | #CC7722 | 204 | 119 | 34 | |
| Olive | Olive | #808000 | 128 | 128 | 0 | |
| Kahel | Kahel | #FFA500 | 255 | 165 | 0 | |
| Peach | Peach | #FFE5B4 | 255 | 229 | 180 | |
| Kalabasa | Kalabasa | #FF7518 | 255 | 117 | 24 | |
| Lila | Violet | #800080 | 128 | 0 | 128 | |
| Pula | Pula | #FF0000 | 255 | 0 | 0 | |
| Safron | Safron | #F4C430 | 244 | 196 | 48 | |
| Berde ng Dagat | Luntiang dagat | #2E8B57 | 46 | 139 | 87 | |
| Latian berde | Bolotny | #ACB78E | 172 | 183 | 142 | |
| Teal | Asul-berde | #008080 | 0 | 128 | 128 | |
| Ultramarine | Ultramarine | #120A8F | 18 | 10 | 143 | |
| Violet | Violet | #8B00FF | 139 | 0 | 255 | |
| Dilaw | Dilaw | #FFFF00 | 255 | 255 | 0 | |
Mga code ng kulay (background) ayon sa saturation at hue.
Tulad ng alam mo, ang kulay ay maaaring makaapekto sa estado ng isang tao: parehong mental at pisikal. Araw-araw, habang nagba-browse sa mga website sa Internet, sinusuri ng mga mata ang milyun-milyong kulay at shade. Ang isang web designer na pamilyar sa sikolohiya ng kulay ay maaaring manipulahin ang mood ng bisita upang makamit ang ilang mga layunin.
Ito ay dahil sa ang katunayan na ang ilang mga shade ay kalmado, at ang ilan, sa kabaligtaran, ay nasasabik. Susunod na pag-uusapan natin kung paano na-synthesize at ipinapakita ang kulay gamit ang teknolohiya ng computer.
Ang RGB ay isang modelo ng kulay na kumakatawan sa isang paraan ng pagkuha ng lahat ng mga kulay at kanilang mga kulay sa pamamagitan ng paghahalo sa iba't ibang proporsyon ng tatlong pangunahing bahagi, na:
- pulang kulay ( Pula);
- kulay berde ( Berde);
- Kulay asul ( Asul).
Dito nagmula ang pinaikling pangalan na RGB. Ang mga kulay na ito ay pinili bilang mga pangunahing para sa isang kadahilanan: ang dahilan ay ang pisyolohiya ng retina ng mata ng tao, at kung paano ito nakikita sa kanila:
Ang modelong RGB ay nananatiling pinakasikat ngayon at ginagamit upang magparami ng mga kulay sa mga screen ng TV at mga monitor ng computer. Dahil pinagkalooban ng mga tagagawa ang kanilang mga produkto ng iba't ibang mga katangian, noong 1996 isang pinag-isang RGB-based na color synthesis system na tinatawag na sRGB ay nilikha, kung saan nagtulungan ang Microsoft at HP.
Numerical na representasyon ng kulay
Tulad ng nabanggit kanina, ang mga kulay ng RGB ay nabuo sa pamamagitan ng paghahalo ng mga pangunahing kulay. Upang ilarawan ang intensity ng bawat isa sa kanila, isang scheme ang pinagtibay kung saan ang kulay ay kinakatawan ng hanay na 0-255 (8 bits), na sa hexadecimal notation ay tumutugma sa 00-FF.
Iyon ay, ang mga pangunahing kulay ay magiging ganito:
- Pula – RGB (255,0,0);
- Berde – RGB (0,255,0);
- Asul – RGB (0,0,255);
Kung ang intensity ng kulay ay tumatagal ng mga halaga na mas mababa sa 255, pagkatapos ay nakuha ang iba't ibang mga kulay ng pula, berde at asul. Ang sumusunod ay isang talahanayan ng kanilang mga gradasyon, pati na rin ang mga halaga ng hexadecimal ng bawat isa sa mga shade:
Mga talahanayan ng kulay ng RGB
Naturally, bilang karagdagan sa mga gradasyon ng mga pangunahing kulay, mayroong mga halo-halong, at ang kanilang bilang ay medyo malaki. Samakatuwid, nilikha ang isang talahanayan ng mga kulay ng RGB, na nagpapakita ng lahat ng umiiral na mga kulay, pati na rin ang kanilang mga pangalan at mga representasyong numero ( sa decimal at hexadecimal form).
Maaari mo itong tingnan dito. Pinapadali ng talahanayang ito ang buhay para sa mga web designer, dahil sa ilang segundo ay mahahanap mo ang kinakailangang lilim at malalaman ang numerical na representasyon nito.
Ligtas na palette ng kulay ng RGB
Gayunpaman, sa ilang mga punto ay nagkaroon ng problema sa pagpapakita ng mga kulay sa iba't ibang mga browser, at upang malutas ito, ang tinatawag na "ligtas" na palette ng mga kulay ng RGB ay pinagsama-sama, na nagmula sa mga kalkulasyon ng matematika.
Kapag ang browser ay hindi makapagpakita ng isang kulay nang tama, susubukan nitong makakuha ng isang bagay na malapit sa kung ano ang kailangan nito sa pamamagitan ng paghahalo ng mga katabing kulay, at malamang na ang resulta ay magiging ganap na hindi katanggap-tanggap:
Sa pamamagitan ng paggamit ng mga code ng kulay ng RGB mula sa palette na ito, maaaring magkaroon ng kapayapaan ng isip ang isang web developer tungkol sa pagpapakita ng mga kulay sa mga pahina ng kanilang website kapag tiningnan gamit ang iba't ibang browser, platform at monitor. Bagaman sa ngayon ang talahanayan ng mga ligtas na kulay ay nawawala ang kaugnayan nito ( hindi pa rin tumitigil ang pag-unlad ng teknolohiya), kapag ginagamit ito maaari mong, gaya ng sinasabi nila, matulog nang mapayapa.
Kulay ginto sa modelong RGB
Ang salitang "ginto" ay unang ginamit sa simula ng ika-14 na siglo upang ilarawan ang kulay ng isang kemikal na elemento na tinatawag na Aurum - ginto. Sa modelong RGB, ang kulay na ginto ay kinakatawan ng mga sumusunod na numerong halaga:
- RGB (255, 215, 0) – decimal system;
- HEX #FFD700 – hexadecimal system.
Kulay ng beige sa modelong RGB
Ang kulay ng beige ay sumasakop sa isang medyo makabuluhang lugar sa kasaysayan, kahit na hindi ito ang pinaka nagpapahayag. Maraming mga kultural na monumento, lalo na ang mga sinaunang eskultura, ay gawa sa soapstone at soapstone, na may beige tint. Sa modelong RGB, ang beige ay may mga sumusunod na numeric na representasyon:
- RGB (245, 245, 220) – decimal system;
- HEX #F5F5DC – hexadecimal system.
Sa panahon ngayon, lalo na sa World Wide Web, bihira nang makakita ng ganitong "boring" na kulay. Ang mga developer ay nagbibigay ng kagustuhan sa kaakit-akit na disenyo gamit ang maliliwanag na kulay. Ginagawang posible ng pag-unlad ng teknolohiya na magpakita ng napakalaking bilang ng mga kulay sa mga monitor, na ginagawang mas makatotohanan ang larawan.
Mabuti masama
Ang mga hexadecimal na numero ay ginagamit upang tukuyin ang mga kulay. Ang hexadecimal system, hindi katulad ng decimal system, ay nakabatay, gaya ng ipinahihiwatig ng pangalan nito, sa numerong 16. Ang mga numero ay magiging ganito: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Ang mga numero mula 10 hanggang 15 ay pinapalitan ng mga letrang Latin. Ang mga numerong higit sa 15 sa hexadecimal system ay nabuo sa pamamagitan ng pagsasama-sama ng dalawang numero sa isa. Halimbawa, ang numerong 255 sa decimal ay tumutugma sa numerong FF sa hexadecimal. Upang maiwasan ang pagkalito sa pagtukoy ng sistema ng numero, isang simbolo ng hash na # ang inilalagay sa harap ng numerong hexadecimal, halimbawa #666999. Ang bawat isa sa tatlong kulay - pula, berde at asul - ay maaaring tumagal ng mga halaga mula 00 hanggang FF. Kaya, ang simbolo ng kulay ay nahahati sa tatlong bahagi #rrggbb, kung saan ang unang dalawang simbolo ay nagpapahiwatig ng pulang bahagi ng kulay, ang gitnang dalawa - berde, at ang huling dalawa - asul. Pinapayagan na gamitin ang pinaikling anyo na #rgb, kung saan dapat doblehin ang bawat karakter. Kaya, ang entry na #fe0 ay dapat ituring bilang #ffee00.
Sa pangalan
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Sinusuportahan ng mga browser ang ilang mga kulay sa pamamagitan ng kanilang pangalan. Sa mesa Ipinapakita ng 1 ang mga pangalan, hexadecimal code, RGB, HSL na mga halaga at paglalarawan.
| Pangalan | Kulay | Code | RGB | HSL | Paglalarawan |
|---|---|---|---|---|---|
| puti | #ffffff o #fff | rgb(255,255,255) | hsl(0.0%,100%) | Puti | |
| pilak | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Kulay-abo | |
| kulay-abo | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Madilim na kulay abo | |
| itim | #000000 o #000 | rgb(0,0,0) | hsl(0.0%,0%) | Itim | |
| maroon | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | Madilim na pula | |
| pula | #ff0000 o #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Pula | |
| kahel | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Kahel | |
| dilaw | #ffff00 o #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Dilaw | |
| olibo | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Olive | |
| kalamansi | #00ff00 o #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Banayad na berde | |
| berde | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Berde | |
| aqua | #00ffff o #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Asul | |
| asul | #0000ff o #00f | rgb(0,0,255) | hsl(240,100%,50%) | Asul | |
| hukbong-dagat | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Madilim na asul | |
| teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Asul-berde | |
| fuchsia | #ff00ff o #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rosas | |
| lila | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Gamit ang RGB
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Maaari mong tukuyin ang isang kulay gamit ang pula, berde, at asul na mga halaga sa mga terminong desimal. Ang bawat isa sa tatlong bahagi ng kulay ay tumatagal ng isang halaga mula 0 hanggang 255. Pinapayagan din na tukuyin ang kulay bilang isang porsyento, na may 100% na katumbas sa numerong 255. Una, tukuyin ang rgb na keyword, at pagkatapos ay tukuyin ang mga bahagi ng kulay sa panaklong , na pinaghihiwalay ng mga kuwit, halimbawa rgb(255 , 128, 128) o 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+ |
Ang format ng RGBA ay katulad sa syntax sa RGB, ngunit may kasamang alpha channel na tumutukoy sa transparency ng elemento. Ang isang halaga ng 0 ay ganap na transparent, 1 ay opaque, at isang intermediate na halaga tulad ng 0.5 ay semi-transparent.
Ang RGBA ay idinagdag sa CSS3, kaya dapat na patunayan ang CSS code laban sa bersyong ito. Dapat tandaan na ang pamantayan ng CSS3 ay nasa ilalim pa rin ng pagbuo at maaaring magbago ang ilang mga tampok. Halimbawa, ang isang kulay sa RGB na format na idinagdag sa background-color property ay napatunayan, ngunit ang isang idinagdag sa background na katangian ay hindi na wasto. Kasabay nito, naiintindihan ng mga browser ang kulay para sa parehong mga katangian.
HSL
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Ang pangalan ng format na HSL ay hinango mula sa kumbinasyon ng mga unang titik Hue (kulay), Saturate (saturation) at Lightness (lightness). Ang kulay ay ang halaga ng kulay sa color wheel (Fig. 1) at ibinibigay sa mga degree. Ang 0° ay tumutugma sa pula, 120° sa berde, at 240° sa asul. Maaaring mag-iba ang halaga ng hue mula 0 hanggang 359.
kanin. 1. Color wheel
Ang saturation ay ang intensity ng isang kulay at sinusukat bilang porsyento mula 0% hanggang 100%. Ang halaga na 0% ay nagpapahiwatig ng walang kulay at isang lilim ng kulay abo, 100% ang pinakamataas na halaga para sa saturation.
Tinutukoy ng liwanag kung gaano kaliwanag ang kulay at tinukoy bilang isang porsyento mula 0% hanggang 100%. Ang mga mababang halaga ay nagpapadilim ng kulay, at ang mga matataas na halaga ay ginagawa itong mas magaan;
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Ang format ng HSLA ay katulad sa syntax sa HSL, ngunit may kasamang alpha channel upang tukuyin ang transparency ng elemento. Ang isang halaga ng 0 ay ganap na transparent, 1 ay opaque, at isang intermediate na halaga tulad ng 0.5 ay semi-transparent.
Ang mga halaga ng kulay ng RGBA, HSL, at HSLA ay idinagdag sa CSS3, kaya pakisuri ang iyong code para sa validity ng bersyon kapag ginagamit ang mga format na ito.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Babala
Ang lahat ng mga pamamaraan sa paghuli ng leon na nakalista sa site ay teoretikal at batay sa mga pamamaraan ng pagkalkula. Hindi ginagarantiyahan ng mga may-akda ang iyong kaligtasan kapag ginagamit ang mga ito at tinatanggihan ang anumang responsibilidad para sa mga resulta. Tandaan, ang isang leon ay isang mandaragit at isang mapanganib na hayop!
Ang resulta ng halimbawang ito ay ipinapakita sa Fig. 2.
kanin. 2. Mga kulay sa web page
Vlad Merzhevich
Sa HTML, ang kulay ay tinukoy sa isa sa dalawang paraan: gamit ang hexadecimal code at sa pamamagitan ng pangalan ng ilang partikular na kulay. Ang paraan batay sa sistema ng hexadecimal na numero ay higit na ginagamit, dahil ito ang pinaka-unibersal.
Hexadecimal na mga kulay
Gumagamit ang HTML ng mga hexadecimal na numero upang tukuyin ang mga kulay. Ang hexadecimal system, hindi katulad ng decimal system, ay nakabatay, gaya ng ipinahihiwatig ng pangalan nito, sa numerong 16. Ang mga numero ay magiging ganito: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Ang mga numero mula 10 hanggang 15 ay pinapalitan ng mga letrang Latin. Sa mesa Ipinapakita ng 6.1 ang pagsusulatan sa pagitan ng decimal at hexadecimal na mga numero.
Ang mga numerong higit sa 15 sa hexadecimal system ay nabuo sa pamamagitan ng pagsasama-sama ng dalawang numero sa isa (Talahanayan 6.2). Halimbawa, ang numerong 255 sa decimal ay tumutugma sa numerong FF sa hexadecimal.
Upang maiwasan ang pagkalito sa pagtukoy sa sistema ng numero, ang isang hexadecimal na numero ay pinangungunahan ng isang hash na simbolo #, halimbawa #aa69cc. Sa kasong ito, hindi mahalaga ang kaso, kaya pinahihintulutan na isulat ang #F0F0F0 o #f0f0f0.
Ang isang karaniwang kulay na ginagamit sa HTML ay ganito ang hitsura.
Dito nakatakda ang kulay ng background ng web page sa #FA8E47. Ang simbolo ng hash # sa harap ng isang numero ay nangangahulugan na ito ay hexadecimal. Tinutukoy ng unang dalawang digit (FA) ang pulang bahagi ng kulay, ang ikatlo hanggang ikaapat na digit (8E) ay tumutukoy sa berdeng bahagi, at ang huling dalawang digit (47) ay tumutukoy sa asul na bahagi. Ang huling resulta ay magiging kulay na ito.
| F.A. | + | 8E | + | 47 | = | FA8E47 |
Ang bawat isa sa tatlong kulay - pula, berde at asul - ay maaaring tumagal ng mga halaga mula 00 hanggang FF, na nagreresulta sa kabuuang 256 na kulay. Kaya, ang kabuuang bilang ng mga kulay ay maaaring 256x256x256 = 16,777,216 na kumbinasyon. Ang isang modelo ng kulay batay sa pula, berde at asul na mga bahagi ay tinatawag na RGB (pula, berde, asul; pula, berde, asul). Ang modelong ito ay additive (mula sa add - add), kung saan ang pagdaragdag ng lahat ng tatlong bahagi ay bumubuo ng kulay na puti.
Upang gawing mas madali ang pag-navigate sa mga kulay ng hexadecimal, isaalang-alang ang ilang mga panuntunan.
- Kung ang mga halaga ng mga bahagi ng kulay ay pareho (halimbawa: #D6D6D6), ang resulta ay isang kulay-abo na tint. Kung mas mataas ang numero, mas magaan ang kulay, na may mga halaga mula sa #000000 (itim) hanggang #FFFFFF (puti).
- Ang isang maliwanag na pulang kulay ay nabuo kung ang pulang bahagi ay ginawang maximum (FF) at ang natitirang mga bahagi ay nakatakda sa zero. Ang isang kulay na may halagang #FF0000 ay ang pinakamapulang posibleng pulang lilim. Ang parehong ay totoo para sa berde (#00FF00) at asul (#0000FF).
- Ang dilaw (#FFFF00) ay ginawa sa pamamagitan ng paghahalo ng pula at berde. Ito ay malinaw na nakikita sa color wheel (Larawan 6.1), na nagpapakita ng mga pangunahing kulay (pula, berde, asul) at mga pantulong o karagdagang. Kabilang dito ang dilaw, cyan at violet (tinatawag ding magenta). Sa pangkalahatan, ang anumang kulay ay maaaring makuha sa pamamagitan ng paghahalo ng mga kulay na malapit dito. Kaya, ang cyan (#00FFFF) ay nakuha sa pamamagitan ng pagsasama ng asul at berde.
kanin. 6.1. Kulay ng bilog
Ang mga kulay batay sa mga halaga ng hexadecimal ay hindi kailangang piliin nang empirikal. Para sa layuning ito, ang isang graphic editor na maaaring gumana sa iba't ibang mga modelo ng kulay, halimbawa, Adobe Photoshop, ay angkop. Sa Fig. Ipinapakita ng Figure 6.2 ang window para sa pagpili ng isang kulay sa program na ito ang resultang hexadecimal na halaga ng kasalukuyang kulay ay nakabalangkas sa isang linya. Maaari mong kopyahin at i-paste ito sa iyong code.
kanin. 6.2. Window para sa pagpili ng mga kulay sa Photoshop
Mga kulay sa web
Kung itatakda mo ang kalidad ng pag-render ng kulay ng monitor sa 8-bit (256 na kulay), kung gayon ang parehong kulay ay maaaring maipakita sa iba't ibang mga browser. Ito ay dahil sa paraan ng pagpapakita ng mga graphics, kapag ang browser ay gumagana sa sarili nitong palette at hindi maaaring magpakita ng kulay na wala sa palette nito. Sa kasong ito, ang kulay ay pinalitan ng isang kumbinasyon ng mga pixel ng iba, malapit dito, mga kulay na ginagaya ang ibinigay. Upang matiyak na ang kulay ay nananatiling pareho sa iba't ibang mga browser, isang palette ng tinatawag na mga kulay ng web ay ipinakilala. Ang mga kulay sa web ay ang mga kulay kung saan ang bawat bahagi - pula, berde at asul - ay nakatakda sa isa sa anim na halaga - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Ang hexadecimal na halaga ng bahaging ito ay ipinahiwatig sa mga bracket. Ang kabuuang bilang ng mga kulay mula sa lahat ng posibleng kumbinasyon ay nagbibigay ng 6x6x6 - 216 na kulay. Ang isang halimbawa ng kulay ng web ay #33FF66.
Ang pangunahing tampok ng kulay ng web ay ang hitsura nito ay pareho sa lahat ng mga browser. Sa ngayon, ang kaugnayan ng mga kulay ng web ay napakaliit dahil sa pagpapabuti ng kalidad ng mga monitor at pagpapalawak ng kanilang mga kakayahan.
Mga kulay ayon sa pangalan
Upang maiwasang matandaan ang isang hanay ng mga numero, maaari mong gamitin sa halip ang mga pangalan ng mga karaniwang ginagamit na kulay. Sa mesa Ipinapakita ng 6.3 ang mga pangalan ng mga sikat na pangalan ng kulay.
| Pangalan ng kulay | Kulay | Paglalarawan | Halaga ng hexadecimal |
|---|---|---|---|
| itim | Itim | #000000 | |
| asul | Asul | #0000FF | |
| fuchsia | Banayad na lila | #FF00FF | |
| kulay-abo | Madilim na kulay abo | #808080 | |
| berde | Berde | #008000 | |
| kalamansi | Banayad na berde | #00FF00 | |
| maroon | Madilim na pula | #800000 | |
| hukbong-dagat | Madilim na asul | #000080 | |
| olibo | Olive | #808000 | |
| lila | Madilim na lila | #800080 | |
| pula | Pula | #FF0000 | |
| pilak | Banayad na kulay abo | #C0C0C0 | |
| teal | Asul-berde | #008080 | |
| puti | Puti | #FFFFFF | |
| dilaw | Dilaw | #FFFF00 |
Hindi mahalaga kung tumukoy ka ng isang kulay sa pamamagitan ng pangalan nito o sa pamamagitan ng paggamit ng mga numerong hexadecimal. Ang mga pamamaraang ito ay pantay sa kanilang epekto. Ipinapakita ng Halimbawa 6.1 kung paano itakda ang background at mga kulay ng teksto ng isang web page.
Halimbawa 6.1. Kulay ng background at teksto
Halimbawa ng teksto
Sa halimbawang ito, itinakda ang kulay ng background gamit ang attribute na bgcolor ng tag
, at ang kulay ng teksto sa pamamagitan ng katangian ng teksto. Para sa iba't-ibang, ang katangian ng teksto ay nakatakda sa isang hexadecimal na numero, at ang katangian ng bgcolor ay nakatakda sa nakareserbang keyword na teal .Mga Minecraft Code mga kulay, o Minecraft mga code pag-format, payagan ang sinumang manlalaro na magdagdag ng mga bulaklak at mag-format ng teksto sa lahat ng posibleng paraan nang direkta sa Minecraft. Mga code ng kulay mula &0-9 - hanggang &a-f. Idagdag ang mga ito bago ang iyong teksto. Ang mga mensahe mula sa mga manlalaro ay maaaring maglaman ng mga code ng kulay na nagbibigay-daan sa iyong magdagdag ng kulay sa iyong mga pangungusap.
Mga kulay at mga code sa pag-format
Ang tanda ng ampersand (&) na sinusundan ng isang hexadecimal na numero sa mga mensahe ay senyales sa kliyente na magpalit ng kulay kapag nagpapakita ng text. Bukod pa rito, maaaring i-format ang text na may & na sinusundan ng isang titik. Maaari kang magdagdag ng iba't ibang kulay sa mga aklat, command block, pangalan ng server, paglalarawan ng server (motd), mga pangalan ng mundo, mga palatandaan, at maging ang mga pangalan ng manlalaro.
Napakadaling i-format ang iyong teksto sa mga config o sa laro gamit ang color chart sa ibaba. &r ay ginagamit upang i-reset ang lahat ng mga code, ibig sabihin. Ang &mAAA&rBBB ay ipapakita bilang AAA BBB.
Nagpapakita kami ng talahanayan ng mga umiiral nang color code sa Minecraft para sa iyong kaginhawahan:
| Code | Pangalan | Teknikal na Pangalan | Kulay ng simbolo | Kulay ng anino ng simbolo | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | Itim | itim | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Madilim na asul | madilim na asul | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Madilim na berde | dark_green | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Madilim na asul-berde | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Madilim na pula | madilim_pula | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Madilim na lila | dark_purple | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | ginto | ginto | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Kulay-abo | kulay-abo | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Madilim na kulay abo | madilim na kulay-abo | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Asul | asul | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Berde | berde | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Asul-berde | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Pula | pula | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Banayad na lila | light_purple | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Dilaw | dilaw | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Puti | puti | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Minsan kailangan salungguhitan, ekis, highlight anumang text. Ginagawa ito gamit ang pag-format ng teksto. Ginagamit ito nang eksakto sa parehong paraan tulad ng mga kulay (inilalagay namin bago ang teksto code, halimbawa &lMinecraft = Minecraft.
Para sa iyong kaginhawaan, nasa ibaba ang isang talahanayan ng mga code sa pag-format:
| Code | Pangalan |
|---|---|
| &k | Magic text |
| &l | Thumbnail |
| &m | Strikethrough text |
| &n | May salungguhit na teksto |
| &o | Italic na teksto |
| &r | Teksto nang walang pag-format |
