>>Pamamahala ng kulay

Mga halaga ng kulay ng Hexadecimal RGB

Ang mga paraan ng paglalarawan at pagproseso ng kulay ay naiiba sa isa't isa sa kung anong huling representasyon ang nilalayon ng mga ito. Ihambing natin, halimbawa, ang representasyon ng mga kulay para sa pag-print at para sa mga monitor ng computer. Sa unang kaso, ang batayan ay kinuha puti ang kulay ng papel kung saan ang tatlong pangunahing kulay ay kasunod na inilapat: asul, lila At dilaw. Ang paghahalo sa isa't isa at sa puting kulay ng papel sa iba't ibang sukat, ang tatlong pangunahing kulay na ito ay nagbibigay ng iba't ibang kulay, maliban sa purong itim, o sa kumpletong kawalan ng mga pintura ay nagbibigay sila ng puting papel. Kung magdagdag tayo ng itim na kulay sa kanila, nakukuha natin CMYK-isang paraan ng pagpapadala ng kulay kapag nakuha ang kinakailangang kulay sa pamamagitan ng pagbabawas ng mga nawawalang kulay mula sa puti.

Sa pangalawang kaso, ang batayan ay kinuha itim ang kulay ng monitor screen, ang bawat cell nito ay kumikinang sa isa sa tatlong kulay: pula-pula, berde-berde at asul-asul. Pagkatapos, sa kumpletong kawalan ng anumang glow, nakakakuha kami ng purong itim na kulay ng screen, at alinman sa mga kinakailangang kulay ay ibinibigay ng ratio ng bawat isa sa tatlong kulay. Sa kasong ito makakakuha tayo RGB-paraan ng paghahatid ng kulay. Ang mga pangunahing kulay ay maaaring mula sa 0 sa 255 , o mula sa 0% sa 100% , o maaaring katawanin bilang isang hexadecimal na halaga. Sa figure sa ibaba makikita mo ang mga resulta ng paghahalo ng mga pangunahing kulay.

Ang sistema ng hexadecimal na numero, hindi katulad ng sistema ng decimal na numero, ay walang sampung digit, ngunit labing-anim - kaya ang pangalan. Alinsunod dito, maaari lamang magkaroon ng mga hindi umuulit na variant ng mga kumbinasyon ng dalawang digit - 256 , upang ipagpatuloy ang serye ng mga numero pagkatapos 9 mga sulat mula sa A sa F, samakatuwid, ang serye ay magiging ganito -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

Upang i-convert ang mga numero mula sa isang sistema ng numero patungo sa isa pa at vice versa, gamitin ang calculator sa ibaba. Ang maximum na halaga dito ay maaaring FF - 255 .

Sa kasong ito, ang kulay ay tinukoy ng tatlong hexadecimal na numero, bawat isa ay binubuo ng dalawang digit. Tinutukoy ng unang numero ang intensity pula kulay, medium- berde, huling- asul mga kulay. Ang lahat ng mga numero ay maaaring kumuha ng mga halaga sa hanay mula sa 00 sa FF(mula 0 hanggang 255). Halimbawa: ang berdeng kulay ay ibinibigay bilang #00FF00, parang pula #FF0000, parang asul #0000FF, parang puti #FFFFFF, ang kumpletong kawalan ng kulay o itim ay ibinibigay bilang #000000 .

Sa form sa ibaba maaari mong tukuyin ang anumang mga halaga ng hexadecimal para sa bawat isa sa tatlong kulay at makita ang resulta ng paghahalo ng mga ito sa pamamagitan ng pag-click sa field ng output.

PULA		BERDE		BLUE
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...i-click dito

Mga halimbawa ng ilang halaga ng kulay ng hexadecimal RGB: mga gradasyon ng pula, asul at berde.

tingnan	code	tingnan	code	tingnan	code	tingnan	code	tingnan	code	tingnan	code
	#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

Pagtukoy ng Kulay Gamit ang String Literal

Para sa kadalian ng paggamit, ang ilang mga kulay at ang kanilang mga kumbinasyon ay itinalaga ng mga pangalan na kinikilala ng lahat ng mga browser, at naging posible na tukuyin ang marami sa kanila sa pamamagitan ng pangalan. Ipinapakita ng talahanayan sa ibaba ang ilan sa mga pangalan ng kulay:

tingnan	Pangalan	tingnan	Pangalan	tingnan	Pangalan	tingnan	Pangalan
	Puti		Pula		Kahel		Dilaw
	Berde		Asul		Lila		Itim
	Aliceblue		Antique na puti		Aqua		Aquamarine
	Azure		Beige		Bisque		Blanchedalmond
	Blueviolet		kayumanggi		Burlywood		Cadetblue
	Chartreuse		tsokolate		Coral		cornflowerblue
	Cornsilk		Crimson		Cyan		Madilim na asul
	Darkcyan		Darkgoldenrod		Darkgray		Madilim na berde
	Darkkhaki		Darkmagenta		darkolivegreen		Madilim na kahel
	Darkorchid		Madilim		Darksalmon		Darkseagreen
	Darkslateblue		Darkslategray		Darkturquoise		Darkviolet
	Deeppink		Deepskyblue		Dimgray		Dodgeblue
	Firebrick		Floralwhite		Forestgreen		Fuschia
	Gainsboro		Ghostwhite		ginto		Goldenrod
	Gray		Berde dilaw		pulot-pukyutan		Hotpink
	Indianred		Indigo		Ivory		Khaki
	Lavender		Lavenderblush		Lemonchiffon		Lightblue
	Lightcoral		Lightcyan		Lightcoldenrodyellow		Lightgreen
	Maliwanag na kulay abo		Lightpink		Lightsalmon		Lightseagreen
	Lightskyblue		Lightslategray		Lightsteelblue		Banayad na dilaw
	kalamansi		Limegreen		Linen		Magenta
	Maroon		Meumaquamarine		Katamtamang asul		Mediumorchid
	Meumpurple		Mediumseagreen		Mediumslateblue		Mediumspringgreen
	Medium turquoise		Mediumvioletred		Midnightblue		Mintcream
	Mistyrose		Navajowhite		Navy		Oldlace
	Olive		Oliverab		Kulay kahel		Orchid
	Palegoldenrod		Palegreen		Paletteurquoise		Palevioletred
	Papayawhip		Peachpuff		Peru		Rosas
	Plum		Powderblue		Rosybrown		Royalblue
	Saddlebrown		Seagreen		Kabibi		Sienna
	pilak		Skyblue		Slateblue		Slategray
	niyebe		Springgreen		Steelblue		Tan
	Teal		Thistle		Kamatis		Turkesa
	Violet		trigo		Whitesmoke		Yellowgreen

Ang listahan ng mga maliliit na literal na may mga pangalan ng kulay ay medyo malawak at higit pa sa sapat. Kung kailangan mong magtakda ng kulay ng background na hindi pangkaraniwan na kahit na wala itong pangalan, maaari kang gumamit ng hexadecimal na halaga.

Paggamit ng isang ligtas na paleta ng kulay

Sa kasamaang palad, sa iba't ibang mga platform, na may iba't ibang mga setting ng system, ang tamang pagpaparami ng kulay ay isang problema. Ang bagay ay palaging sinusubukan ng browser na ayusin ang paleta ng kulay ng dokumento sa mga setting ng system at mga kakayahan sa pagsubaybay, sa pamamagitan ng malayang paghahalo ng mga kulay at pagpapalit sa kanila. Bilang resulta, minsan hindi nakikita ng user kung ano mismo ang gustong ipakita sa kanya ng webmaster. Ang isang paraan sa labas ng sitwasyong ito ay natagpuan sa paggamit ng isang palette, ang bawat kulay nito ay garantisadong mai-render nang pantay-pantay ng lahat ng mga browser sa iba't ibang mga platform. Ito ang tinatawag na garantisadong palette, tinatawag din ligtas palette. Kasama sa palette na ito ang mga kulay na ang mga bahagi ng kulay ay kumukuha ng mga sumusunod na halaga: 00 ,33 ,66 ,99 , CC,FF, sa lahat ng posibleng paraan 216 kanilang mga kumbinasyon.

FFFFFF CCCCCC 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 CCFFFF 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 CCCCFF 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 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00

tingnan	code	tingnan	code	tingnan	code	tingnan	code	tingnan	code	tingnan	code

02/26/15 8.9K

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 shade sa pamamagitan ng paghahalo sa iba't ibang proporsyon ng tatlong pangunahing bahagi, na:

• pula ( Pula);
• kulay berde ( Berde);
• asul na kulay ( 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 gradations ng mga pangunahing kulay, may mga halo-halong mga, 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 representasyon ng 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 shade 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 kulay na beige ay may mga sumusunod na representasyong numero.

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 bago ang hexadecimal na numero, 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.

mesa 1. Pangalan ng mga kulay

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%)	Gray
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 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, lubos na nauunawaan 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 value 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 ginagawang mas magaan ang kulay;

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 simbolo ng hash #, halimbawa #aa69cc. Sa kasong ito, hindi mahalaga ang kaso, kaya pinahihintulutang 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). 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 lilim ng pula. 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. Color wheel

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 bits (256 na kulay), kung gayon ang parehong kulay ay maaaring ipakita 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.

mesa 6.3. Mga pangalan ng ilang 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 pamamaraan na 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 .

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		Gray		pilak		Puti
	Dilaw		kalamansi		Aqua		Fuchsia
	Pula		Berde		Asul		Lila
	Maroon		Olive		Navy		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 berdeng kulay ng medium saturation:

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 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
Emerald	Emerald		#50C878	80	200	120
Talong	Talong		#990066	153	0	102
Fuchsia	Fuchsia		#FF00FF	255	0	255
ginto	ginto		#FFD700	250	215	0
Gray	Gray		#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
Navy	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.