Uma ungumklami wezithombe, noma usanda kungena ohlelweni lokuhlela izithombe, uzobe usubonile a ibhokisi elikuvumela ukuthi ushintshe umbala, kungaba ibhakede likapende, ibhulashi, izinhlamvu ... Yini okungenzeka ikwenze wafuna ukwazi iqiniso lokuthi, lapho ukhetha umbala, uvela ikhodi yombala, uyazi ukuthi kuyini?
Uma uke wazibuza ukuthi lezo zinhlamvu noma amakhodi ezinombolo zisho ukuthini, futhi ufuna ukwazi okwengeziwe ngakho, khona-ke sikusiza ukuthi uqonde ukubaluleka kwekhodi yombala, kungani ebonisa imibala neminye imininingwane enelukuluku.
Ithini ikhodi yombala
Singachaza ikhodi yombala ngokuthi a umbala we-gamut lapho iwebhu ingaboniswa khona. Okusho ukuthi, amathuba akhona, kuphalethi enemibala engaba ngu-216, ukucacisa ukuthi iwebhusayithi izobukeka kanjani. Le khodi ingasuselwa ezinhlotsheni ezintathu zezinhlelo: i-RGB, i-HEX ne-HSL (eyakamuva manje yenqatshiwe).
Empeleni, ukuthi ikhodi yombala ikwenzelani ukusebenza njengekhodi yendawo yonke yazo zonke iziphequluli ngendlela yokuthi, ngalawo makhodi, okufinyelelwayo kube ukukhiqiza kabusha amathoni afanayo, kungaba ku-Internet Explores, kuFirefox Mozilla, ku-Google Chrome. …
Kufanele ukwazi lokho ikhompuyutha iyakwazi ukuhlukanisa imibala efinyelela ezigidini ezingu-16, ngakho-ke maningi amathuba okwenza iwebhusayithi noma ukuguqula izithombe.
Izinhlobo zamakhodi ombala
Njengoba sesike sakutshela ngaphambili, kunezinhlobo ezintathu zamasistimu:
- I-RGB. Yiwona owaziwa kakhulu futhi wakhiwe ngemibala emithathu eyinhloko, obomvu, oluhlaza okwesibhakabhaka nohlaza, okuvela kuyo, ngokuhlanganiswa kwawo, eminye imibala etholakala. Ngokuqondene nokumelwa kwayo, isukela ku-0 iye ku-255 futhi ikhodi evelayo yakhiwe izibalo ezintathu ezihlukaniswe ngokhefana naphakathi kwabakaki.
- I-hexadecimal. Isetshenziswa kakhulu ku-HTML naku-CSS. Kulokhu, kwakhiwa kokubili izinombolo nezinhlamvu ezihlelwa phakathi kwazo ukuze kutholwe amakhodi anquma imibala.
- I-HSL. Kakade ingasasetshenziswa, isekelwe ekusebenziseni i-hue, ukugcwala kanye nokukhanya lapho udala umbala. Kunqunywa ngamadigri namaphesenti (izibalo ezintathu ezihlukaniswa ngokhefana nakubakaki).
Kungani amakhodi ebalulekile?
Manje njengoba uyazi ukuthi kuyini ikhodi yombala, ukusetshenziswa kwayo kulula ukuyiqonda, kusukela Isetshenziselwa ukunquma ukuthi iyiphi ikhodi edingekayo ukuze umbala othile uboniswe. Lokhu kusebenza, ngokwesibonelo, emakhasini ewebhu. Ikhodi ye-HTML isobala uma iwebhusayithi inesizinda sombala othile, uma ifonti ibomvu, iphuzi, iluhlaza okotshani, eluhlaza okwesibhakabhaka ..., nokunye ukusetshenziswa okuningi.
Uyaqonda ukuthi kungani kubalulekile? Isibonelo, zicabange unewebhusayithi enengemuva elibomvu. Futhi ufuna ukuyishintsha ibe engenalutho. Ukube ubuwazi ikhodi enquma umbala obomvu, usebenzisa injini yokusesha kukhodi ye-HTML ubuzothola indawo lapho lo mbala uboniswa khona (uxhunywe kumbala ongemuva) futhi ungawushintsha ngokushesha. Kodwa kuthiwani uma ungenayo? Kuzodingeka ufune uze uthole leso sigaba futhi uhlole ukuze ubone ukuthi iyiphi ikhodi eseduze kwaleyo oyifunayo.
Ngakho-ke, ikhodi yombala ikusiza ukuthi usheshise umsebenzi, kanye nokukwazi ukusebenzisa imibala lapho uklama iwebhusayithi, uhlela isithombe, njll.
Uhlu lwemibala namakhodi ayo I-Hexadecimal kanye ne-RGB
Okokugcina, singathanda ukukushiya ngezansi a Ithebula lapho ungathola khona imibala eminingi ekhona kanye nekhodi yedesimali (RGB) kanye ne-hexadecimal ukuze uma nganoma yisiphi isikhathi udinga ukushintsha ikhodi, ungayenza kalula ngaphandle kokuyibheka kuphalethi yombala.
| Ilebuli | Idesimali (R, G, B) | I-Hexadecimal |
|---|---|---|
| i-aliceblue | I-rgb (240, 248, 255) | # F0F8FF |
| i-antiquewhite | I-rgb (250, 235, 215) | # FAEBD7 |
| aqua | I-rgb (0, 255, 255) | # 00FFFF |
| aquamarine | I-rgb (127, 255, 212) | # 7FFFD4 |
| azure | I-rgb (240, 255, 255) | # F0FFFF |
| beige | I-rgb (245, 245, 220) | # F5F5DC |
| ibhisikidi | I-rgb (255, 228, 196) | # FFE4C4 |
| black | I-rgb (0, 0, 0) | #000000 |
| i-blanchedalmond | I-rgb (255, 235, 205) | #FEBCD |
| blue | I-rgb (0, 0, 255) | # 0000FF |
| okuluhlaza okwesibhakabhaka | I-rgb (138, 43, 226) | # 8A2BE2 |
| esinsundu | I-rgb (165, 42, 42) | # A52A2A |
| i-burlywood | I-rgb (222, 184, 135) | # DEB887 |
| i-cadetblue | I-rgb (95, 158, 160) | # 5F9EA0 |
| i-chartreuse | I-rgb (127, 255, 0) | # 7FFF00 |
| chocolate | I-rgb (210, 105, 30) | # D2691E |
| coral | I-rgb (255, 127, 80) | # FF7F50 |
| bluyakhov | I-rgb (100, 149, 237) | # 6495ED |
| ummbila | I-rgb (255, 248, 220) | # FFF8DC |
| elibomvu | I-rgb (220, 20, 60) | # DC143C |
| i-cyan | I-rgb (0, 255, 255) | # 00FFFF |
| umbala ohlaza ozothile | I-rgb (0, 0, 139) | # 00008B |
| thandiwe | I-rgb (0, 139, 139) | # 008B8B |
| i-darkgoldenrod | I-rgb (184, 134, 11) | # B8860B |
| mnyama | I-rgb (169, 169, 169) | # A9A9A9 |
| umbala omnyama | I-rgb (0, 100, 0) | #006400 |
| okumnyama | I-rgb (169, 169, 169) | # A9A9A9 |
| umnyama khaki | I-rgb (189, 183, 107) | # BDB76B |
| i-darkmagenta | I-rgb (139, 0, 139) | # 8B008B |
| i-darkolivegreen | I-rgb (85, 107, 47) | # 556B2F |
| owolintshi omnyama | I-rgb (255, 140, 0) | # FF8C00 |
| i-orchid emnyama | I-rgb (153, 50, 204) | # 9932CC |
| mnyama | I-rgb (139, 0, 0) | #8B0000 |
| i-salmon emnyama | I-rgb (233, 150, 122) | # E9967A |
| okuluhlaza | I-rgb (143, 188, 143) | # 8FBC8F |
| i-darkslateblue | I-rgb (72, 61, 139) | # 483D8B |
| i-darkslategray | I-rgb (47, 79, 79) | # 2F4F4F |
| umbala omnyama | I-rgb (47, 79, 79) | # 2F4F4F |
| i-darkturquoise | I-rgb (0, 206, 209) | # 00CED1 |
| i-violet emnyama | I-rgb (148, 0, 211) | #9400D3 |
| i-deeppink | I-rgb (255, 20, 147) | #FF1493 |
| i-deepskyblue | I-rgb (0, 191, 255) | # 00BFFF |
| ukufiphala | I-rgb (105, 105, 105) | #696969 |
| kufiphele | I-rgb (105, 105, 105) | #696969 |
| sibhabha | I-rgb (30, 144, 255) | # 1E90FF |
| umlilo | I-rgb (178, 34, 34) | # B22222 |
| okumhlophe kwezimbali | I-rgb (255, 250, 240) | # FFFAF0 |
| ihlathi eliluhlaza | I-rgb (34, 139, 34) | #228B22 |
| i-fuchsia | I-rgb (255, 0, 255) | # FF00FF |
| goutboro | I-rgb (220, 220, 220) | #DCDCDC |
| ghostwhite | I-rgb (248, 248, 255) | # F8F8FF |
| igolide | I-rgb (255, 215, 0) | # FFD700 |
| i-goldenrod | I-rgb (218, 165, 32) | # DAA520 |
| grey | I-rgb (128, 128, 128) | #808080 |
| green | I-rgb (0, 128, 0) | #008000 |
| aluhlaza okotshani | I-rgb (173, 255, 47) | # ADFF2F |
| gray | I-rgb (128, 128, 128) | #808080 |
| uju | I-rgb (240, 255, 240) | # F0FFF0 |
| hotpink | I-rgb (255, 105, 180) | # FF69B4 |
| indianian | I-rgb (205, 92, 92) | # CD5C5C |
| indigo | I-rgb (75, 0, 130) | #4B0082 |
| izinyo lendlovu | I-rgb (255, 255, 240) | # FFFFF0 |
| khaki | I-rgb (240, 230, 140) | # F0E68C |
| lavender | I-rgb (230, 230, 250) | # E6E6FA |
| i-lavenderblush | I-rgb (255, 240, 245) | # FFF0F5 |
| utshani obuluhlaza | I-rgb (124, 252, 0) | # 7CFC00 |
| i-lemonchiffon | I-rgb (255, 250, 205) | #FFACD |
| i-lightblue | I-rgb (173, 216, 230) | # ADD8E6 |
| khanyisile | I-rgb (240, 128, 128) | #F08080 |
| i-lightcyan | I-rgb (224, 255, 255) | # E0FFFF |
| lindokuhle | I-rgb (250, 250, 210) | # FAFAD2 |
| okuncane | I-rgb (211, 211, 211) | # D3D3D3 |
| isibani | I-rgb (144, 238, 144) | # 90EE90 |
| ukukhanya | I-rgb (211, 211, 211) | # D3D3D3 |
| i-lightpink | I-rgb (255, 182, 193) | # FFB6C1 |
| i-salmon ekhanyayo | I-rgb (255, 160, 122) | # FFA07A |
| i-lightseagreen | I-rgb (32, 178, 170) | # 20B2AA |
| khanyisile | I-rgb (135, 206, 250) | # 87CEFA |
| i-lightslategray | I-rgb (119, 136, 153) | #778899 |
| i-lightslategrey | I-rgb (119, 136, 153) | #778899 |
| i-lightsteelblue | I-rgb (176, 196, 222) | # B0C4DE |
| khanyisile | I-rgb (255, 255, 224) | # UKUSEBENZA0 |
| eluhlaza | I-rgb (0, 255, 0) | # 00FF00 |
| i-limegreen | I-rgb (50, 205, 50) | # 32CD32 |
| ilineni | I-rgb (250, 240, 230) | # FAF0E6 |
| magenta | I-rgb (255, 0, 255) | # FF00FF |
| i-maroon | I-rgb (128, 0, 0) | #800000 |
| i-mediumaquamarine | I-rgb (102, 205, 170) | # 66CDAA |
| mumbulu | I-rgb (0, 0, 205) | # 0000CD |
| i-mediumorchid | I-rgb (186, 85, 211) | # BA55D3 |
| okunsomi okuphakathi | I-rgb (147, 112, 219) | #9370D8 |
| mediumseagreen | I-rgb (60, 179, 113) | # 3CB371 |
| mediumslateblue | I-rgb (123, 104, 238) | # 7B68EE |
| mediumspringgreen | I-rgb (0, 250, 154) | # 00FA9A |
| okulingene | I-rgb (72, 209, 204) | # 48D1CC |
| mediumvioletred | I-rgb (199, 21, 133) | #C71585 |
| isibhakabhaka | I-rgb (25, 25, 112) | #191970 |
| i-mintcream | I-rgb (245, 255, 250) | # F5FFFA |
| i-mistyrose | I-rgb (255, 228, 225) | # FFE4E1 |
| umabhebhana | I-rgb (255, 228, 181) | # FFE4B5 |
| nabajowhite | I-rgb (255, 222, 173) | #FREAD |
| I-navy | I-rgb (0, 0, 128) | #000080 |
| i-oldlace | I-rgb (253, 245, 230) | # FDF5E6 |
| umnqumo | I-rgb (128, 128, 0) | #808000 |
| i-oliverab | I-rgb (107, 142, 35) | # 6B8E23 |
| iwolintshi | I-rgb (255, 165, 0) | # FFA500 |
| okusawolintshi | I-rgb (255, 69, 0) | #FF4500 |
| i-orchid | I-rgb (218, 112, 214) | # DA70D6 |
| umabhebhana | I-rgb (238, 232, 170) | # EEE8AA |
| eluhlaza okwesibhakabhaka | I-rgb (152, 251, 152) | # 98FB98 |
| i-pallet turquoise | I-rgb (175, 238, 238) | #AFEEE |
| i-paleviolet | I-rgb (219, 112, 147) | #D87093 |
| ubupapayiwhip | I-rgb (255, 239, 213) | # FFEFD5 |
| ipentshisi | I-rgb (255, 218, 185) | # FFDAB9 |
| peru | I-rgb (205, 133, 63) | # CD853F |
| pink | I-rgb (255, 192, 203) | # FFC0CB |
| ipulamu | I-rgb (221, 160, 221) | # DDA0DD |
| ublueblue | I-rgb (176, 224, 230) | # B0E0E6 |
| purple | I-rgb (128, 0, 128) | #800080 |
| red | I-rgb (255, 0, 0) | #FF0000 |
| rosybrown | I-rgb (188, 143, 143) | # BC8F8F |
| thokozani | I-rgb (65, 105, 225) | # 4169E1 |
| mthoko | I-rgb (139, 69, 19) | #8B4513 |
| uhlobo lwenhlanzi | I-rgb (250, 128, 114) | # FA8072 |
| sandybrown | I-rgb (244, 164, 96) | # F4A460 |
| uhlaza lolwandle | I-rgb (46, 139, 87) | # 2E8B57 |
| i-seashell | I-rgb (255, 245, 238) | # FFF5EE |
| thina | I-rgb (160, 82, 45) | # A0522D |
| silver | I-rgb (192, 192, 192) | # C0C0C0 |
| skyblue | I-rgb (135, 206, 235) | # 87CEEB |
| isleyblue | I-rgb (106, 90, 205) | # 6A5ACD |
| i-slategray | I-rgb (112, 128, 144) | #708090 |
| i-slategrey | I-rgb (112, 128, 144) | #708090 |
| iqhwa | I-rgb (255, 250, 250) | #FFAFA |
| isiphethu | I-rgb (0, 255, 127) | # 00FF7F |
| i-steelblue | I-rgb (70, 130, 180) | #4682B4 |
| tan | I-rgb (210, 180, 140) | # D2B48C |
| teal | I-rgb (0, 128, 128) | #008080 |
| i-thistle | I-rgb (216, 191, 216) | #D8BFD8 |
| utamatisi | I-rgb (255, 99, 71) | #FF6347 |
| oluluhlaza | I-rgb (64, 224, 208) | #40E0D0 |
| violet | I-rgb (238, 130, 238) | #EE82EE |
| ukolweni | I-rgb (245, 222, 179) | #F5DEB3 |
| white | I-rgb (255, 255, 255) | #FFFFFF |
| intuthu emhlophe | I-rgb (245, 245, 245) | #F5F5F5 |
| yellow | I-rgb (255, 255, 0) | # FFFF00 |
| ophuzi-luhlaza | I-rgb (154, 205, 50) | #9ACD32 |
Uyawazi amakhodi emibala engeziwe? Sikumema ukuthi uwabeke emazwaneni ukuze wandise uhlu.