Kana iwe uri mugadziri wemifananidzo, kana kuti uchangopinda muchirongwa chekugadzirisa mufananidzo, unenge waona a bhokisi raikubvumira kuti uchinje ruvara, ingava bhaketi repende, bhurasho, mavara ... Chingave chakaita kuti iwe ude kuziva ndechekuti, paunosarudza ruvara, rinoratidzika. kodhi yemavara, unoziva kuti chii?
Kana iwe wakambozvibvunza kuti iwo mabhii kana nhamba macode anorevei, uye iwe unoda kuziva zvakawanda pamusoro payo, saka tinokubatsira kuti unzwisise kukosha kwekodhi yemavara, nei vachiratidza mavara uye mamwe mashoko ekuda kuziva.
Chii chinonzi colour code
Tinogona kutsanangura kodhi yemavara se color gamut umo webhu inogona kuratidzwa. Kureva kuti, mikana iripo, mune palette inosvika mazana maviri nenhanhatu mavara, kuona kuti webhusaiti ichataridzika sei. Iyi kodhi inogona kuve yakavakirwa pamhando nhatu dzemasisitimu: RGB, HEX uye HSL (iyo yekupedzisira ikozvino yakadzimwa).
Chaizvoizvo, iyo kodhi yeruvara ndeye kushanda sekodhi yepasirese kune ese mabhurawuza nenzira yekuti, neaya macode, chinowanikwa kuburitsa matani akafanana, kungave muInternet Explores, muFirefox Mozilla, muGoogle Chrome. …
Iwe unofanirwa kuziva izvo komputa inokwanisa kusiyanisa mavara anosvika mamirioni gumi nematanhatu, saka kune mikana yakawanda yekugadzira webhusaiti kana kugadzirisa mifananidzo.
Mhando dzemavara makodhi
Sezvatakambokuudza, kune marudzi matatu ehurongwa:
- RGB. Ndiyo inonyanya kuzivikanwa uye inoumbwa nemhando nhatu dzekutanga, tsvuku, bhuruu uye girini, kubva kubva, kuburikidza nekubatanidzwa kwavo, mamwe ese emavara anotorwa. Kana iri yekumiririra kwayo, inotangira pa0 kusvika pa255 uye kodhi inoonekwa inoumbwa nenhamba nhatu dzakapatsanurwa nemakoma uye pakati pemaparentheses.
- hexadecimal. Inoshandiswa zvakanyanya muHTML neCSS. Muchiitiko ichi, inoumbwa nezvose zviri zviviri manhamba nemabhii zvakarongwa pakati pavo kuti vawane macode anotaridza mavara.
- HSL. Yatove isingashandiswi, yakavakirwa pakushandisa hue, saturation uye kureruka paunenge uchigadzira ruvara. Inotarwa nemadhigirii nezvikamu (nhamba nhatu dzakapatsanurwa nemakoma uye pakati pemaparentheses).
Sei macode achikosha?
Zvino zvaunoziva kuti coding yemavara chii, mashandisirwo ayo ari nyore kunzwisisa, kubvira inoshandiswa kuona kuti ndeipi code inodiwa kuti rumwe ruvara ruratidze. Izvi zvinoshanda, semuenzaniso, pamapeji ewebhu. Iyo HTML kodhi haina kujeka kana webhusaiti ine kumashure kweimwe ruvara, kana iyo font iri tsvuku, yero, yegirinhi, yebhuruu ..., uye zvimwe zvakawanda zvinoshandiswa.
Unonzwisisa here kuti nei zvichikosha? Semuenzaniso, fungidzira iwe une webhusaiti ine tsvuku kumashure. Uye iwe unoda kuishandura kuita isina chinhu. Dai waiziva iyo kodhi inotaridza ruvara rutsvuku, uchishandisa injini yekutsvaga muHTML kodhi iwe waizowana nzvimbo iyo ruvara urwu runoratidzwa (rakabatanidzwa kune yekumashure ruvara) uye iwe unogona kuichinja nekukurumidza. Asi zvakadini kana usina? Iwe unofanirwa kunge uchitsvaga kusvika wawana icho chikamu uye kuyedza kuti uone kuti kodhi ripi riri padyo neiyo yaunoda.
Naizvozvo, iyo kodhi yemavara inokubatsira kukurumidzira basa, pamwe nekukwanisa kushandisa mavara paunenge uchigadzira webhusaiti, kugadzirisa mufananidzo, nezvimwe.
Rondedzero yemavara uye kodhi yavo hexadecimal uye RGB
Kupedzisa, tinoda kukusiya pazasi a tafura umo iwe unogona kuwana mazhinji emavara aripo pamwe chete nedecimal code (RGB) uye hexadecimal kuitira kuti kana chero nguva iwe uchida kushandura kodhi, iwe unogona kuzviita nyore pasina kuitsvaga muvara palette.
Chita | Decimal (R, G, B) | hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antiquewhite | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
Tria Rose | rgb (127, 255, 212) | # 7FFFD4 |
azure | rgb (240, 255, 255) | # F0FFFF |
tsvukuruka | rgb (245, 245, 220) | # F5F5DC |
bhisikiti | rgb (255, 228, 196) | # FFE4C4 |
nhema | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
bhuruu | rgb (0, 0, 255) | # 0000FF |
zvitema | rgb (138, 43, 226) | # 8A2BE2 |
shava | rgb (165, 42, 42) | # A52A2A |
burly huni | rgb (222, 184, 135) | # DEB887 |
cadetblue | rgb (95, 158, 160) | # 5F9EA0 |
charitra | rgb (127, 255, 0) | # 7FFF00 |
chokoreti | rgb (210, 105, 30) | # D2691E |
nekorari | rgb (255, 127, 80) | # FF7F50 |
cornflowerblue | rgb (100, 149, 237) | # 6495ED |
chibage | rgb (255, 248, 220) | # FFF8DC |
chitsvuku | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
bhurawuza | rgb (0, 0, 139) | # 00008B |
darkcyan | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | # B8860B |
rima | rgb (169, 169, 169) | # A9A9A9 |
greengreen | rgb (0, 100, 0) | #006400 |
grey yakasviba | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
darkmagenta | rgb (139, 0, 139) | # 8B008B |
darkolivegreen | rgb (85, 107, 47) | # 556B2F |
darkorange | rgb (255, 140, 0) | # FF8C00 |
darkorchid | rgb (153, 50, 204) | # 9932CC |
kusviba | rgb (139, 0, 0) | # 8B0000 |
blacksalmon | rgb (233, 150, 122) | # E9967A |
zvakasvibirira | rgb (143, 188, 143) | # 8FBC8F |
darkslateblue | rgb (72, 61, 139) | # 483D8B |
darkslategray | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
darkturquoise | rgb (0, 206, 209) | # 00CED1 |
darkviolet | rgb (148, 0, 211) | # 9400D3 |
deeppink | rgb (255, 20, 147) | #FF1493 |
deepskyblue | rgb (0, 191, 255) | # 00BFFF |
kudzima | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
chidhinha chemoto | rgb (178, 34, 34) | # B22222 |
floralwhite | rgb (255, 250, 240) | # FFFAF0 |
forestgreen | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
goridhe | rgb (255, 215, 0) | # FFD700 |
goldrod | rgb (218, 165, 32) | # DAA520 |
gireyi | rgb (128, 128, 128) | #808080 |
girinhi | rgb (0, 128, 0) | #008000 |
greenyellow | rgb (173, 255, 47) | # ADFF2F |
gireyi | rgb (128, 128, 128) | #808080 |
nyuchi | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indian | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
nyanga dzenzou | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
lavender | rgb (230, 230, 250) | # E6E6FA |
lavenderblush | rgb (255, 240, 245) | # FFF0F5 |
lawngreen | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
lightblue | rgb (173, 216, 230) | # ADD8E6 |
chiedza chekorari | rgb (240, 128, 128) | #F08080 |
lightcyan | rgb (224, 255, 255) | # E0FFFF |
lightgoldenrodyellow | rgb (250, 250, 210) | # FAFAD2 |
lightgray | rgb (211, 211, 211) | # D3D3D3 |
chiedza chegirini | rgb (144, 238, 144) | # 90EE90 |
lightgrey | rgb (211, 211, 211) | # D3D3D3 |
lightpink | rgb (255, 182, 193) | # FFB6C1 |
lightssalmon | rgb (255, 160, 122) | # FFA07A |
lightsseagreen | rgb (32, 178, 170) | # 20B2AA |
lightkyblue | rgb (135, 206, 250) | # 87CEFA |
lightslategray | rgb (119, 136, 153) | #778899 |
lightslategrey | rgb (119, 136, 153) | #778899 |
lightsteelblue | rgb (176, 196, 222) | # B0C4DE |
yellow yellow | rgb (255, 255, 224) | # FFFFE0 |
lime | rgb (0, 255, 0) | # 00FF00 |
lime green | rgb (50, 205, 50) | # 32CD32 |
werineni | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
mediumquamarine | rgb (102, 205, 170) | # 66CDAA |
bhuruu yepakati | rgb (0, 0, 205) | # 0000CD |
mediorchid | rgb (186, 85, 211) | # BA55D3 |
yepakati pepurple | rgb (147, 112, 219) | # 9370D8 |
mediumseagreen | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
mediumspringgreen | rgb (0, 250, 154) | # 00FA9A |
nepakati | rgb (72, 209, 204) | # 48D1CC |
mediumvioletred | rgb (199, 21, 133) | #C71585 |
pakati pousiku | rgb (25, 25, 112) | #191970 |
mintcream | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
moccasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
Navy | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
maorivhi | rgb (128, 128, 0) | #808000 |
oliverab | rgb (107, 142, 35) | # 6B8E23 |
orenji | rgb (255, 165, 0) | # FFA500 |
orenji | rgb (255, 69, 0) | #FF4500 |
orchid | rgb (218, 112, 214) | # DA70D6 |
pavangaidzone | rgb (238, 232, 170) | # EEE8AA |
green green | rgb (152, 251, 152) | # 98FB98 |
pallet turquoise | rgb (175, 238, 238) | #AFEEEE |
palevioletred | rgb (219, 112, 147) | # D87093 |
chikwapuro | rgb (255, 239, 213) | # FFEFD5 |
peach puff | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
pingi | rgb (255, 192, 203) | # FFC0CB |
plum | rgb (221, 160, 221) | # DDA0DD |
upfu bhuruu | rgb (176, 224, 230) | # B0E0E6 |
pepuru | rgb (128, 0, 128) | #800080 |
tsvuku | rgb (255, 0, 0) | #FF0000 |
rosybrown | rgb (188, 143, 143) | # BC8F8F |
bhuruu | rgb (65, 105, 225) | # 4169E1 |
chigaro | rgb (139, 69, 19) | # 8B4513 |
saumoni | rgb (250, 128, 114) | # FA8072 |
sandybrown | rgb (244, 164, 96) | # F4A460 |
seagreen | rgb (46, 139, 87) | # 2E8B57 |
seashell | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
sirivha | rgb (192, 192, 192) | # C0C0C0 |
skyblue | rgb (135, 206, 235) | # 87CEEB |
slate blue | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
chando | rgb (255, 250, 250) | #FFFAFA |
chitubu | rgb (0, 255, 127) | # 00FF7F |
simbi yebhuruu | rgb (70, 130, 180) | # 4682B4 |
kusviba | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
rukato | rgb (216, 191, 216) | #D8BFD8 |
tomato | rgb (255, 99, 71) | #FF6347 |
tekoizi | rgb (64, 224, 208) | # 40E0D0 |
Violet | rgb (238, 130, 238) | #EE82EE |
gorosi | rgb (245, 222, 179) | #F5DEB3 |
chena | rgb (255, 255, 255) | #FFFFFF |
whitesmoke | rgb (245, 245, 245) | # F5F5F5 |
yero | rgb (255, 255, 0) | # FFFF00 |
yellow-green | rgb (154, 205, 50) | # 9ACD32 |
Unoziva mamwe macode emavara here? Tinokukumbira kuti uvaise mumashoko kuti uwedzere rondedzero.