Haddii aad tahay naqshadeeye garaaf, ama aad waligaa gashay barnaamijka tafatirka sawirka, waxaad arki doontaa a sanduuqa kuu ogolaanaya inaad beddesho midabka, ha ahaato baaldi rinjiga, burushka, xarfaha ... Waxa laga yaabaa in aad xiiso u yeelatid waa xaqiiqda, markaad doorato midab, waxay u muuqataa lambar midab ah, garan waxa ay tahay?
Haddii aad waligaa la yaabtay macnaha xarafkaas ama lambarradaas, oo aad rabto inaad wax badan ka ogaato, markaa waxaan kaa caawineynaa inaad fahamto muhiimada koodhka midabka, sababta ay uga tarjumayaan midabada iyo faahfaahinta kale ee cajiibka ah.
Waa maxay koodhka midabka
Waxaan u qeexi karnaa koodhka midabka sida a kala duwanaansho chromatic kaas oo shabakad lagu soo bandhigi karo. Taasi waa, fursadaha jira, ee palette ah oo ku saabsan 216 midab, si loo go'aamiyo sida website-ku u ekaan doono. Koodhkani waxa uu ku salaysnaan karaa saddex nooc oo nidaam ah: RGB, HEX iyo HSL (kan dambe hadda waa laga saaray).
Dhab ahaantii, waxa code-ka midabkiisu yahay inuu u adeego sidii koodka caalamiga ah ee dhammaan daalacashada si, iyadoo koodhadhkaas, waxa la gaaraa ay tahay in la soo saaro dhawaaq isku mid ah, ama Internet Explores, Firefox Mozilla, Google Chrome. …
Waa inaad taas ogaataa kombiyuutarku wuxuu awood u leeyahay inuu kala saaro ilaa 16 milyan oo midab, marka waxaa jira fursado badan oo lagu abuuri karo degel ama in wax laga beddelo sawirada.
Noocyada codes midabka
Sidaan horey kuugu sheegnay, waxaa jira saddex nooc oo nidaamyo ah:
- RGB Waa tan ugu caansan oo waxay ka kooban tahay saddex midab oo asaasiga ah, casaan, buluug iyo cagaar, kuwaas oo marka la isku daro, midabada intiisa kale laga soo saaro. Xagga matalaaddeeda, waxay u dhaxaysaa 0 ilaa 255 oo koodka soo baxayaa wuxuu ka kooban yahay saddex tixood oo ay kala soocaan rido iyo inta u dhaxaysa jaantusyada.
- Hexadecimal Inta badan lagu isticmaalo HTML iyo CSS. Xaaladdan oo kale, waxay ka kooban tahay tirooyinka iyo xarfaha labadaba kuwaas oo isku habeeyey si ay u helaan codes go'aamiya midabada.
- HSL. Horeba aan loo isticmaalin, waxay ku salaysan tahay isticmaalka hue, saturation iyo iftiin marka la abuurayo midab. Waxaa lagu go'aamiyaa darajooyin iyo boqolley (saddex tixood oo ay kala soocaan rido iyo jaantusyo).
Waa maxay sababta codeyadu muhiim u yihiin?
Hadda oo aad ogtahay waxa midabaynta midabku yahay, codsigeeda waa sahlan tahay in la fahmo, tan iyo Waxaa loo isticmaalaa in lagu go'aamiyo koodka looga baahan yahay midab gaar ah si uu u muujiyo. Tani waxay ka shaqeysaa, tusaale ahaan, bogagga shabakadda. Koodhka HTML waa mid dahsoon haddii degelku leeyahay asal midab gaar ah, haddii fartu tahay casaan, jaalle, cagaar, buluug ..., iyo isticmaallo kale oo badan.
Ma fahantay sababta ay muhiim u tahay? Tusaale ahaan, qiyaas inaad leedahay degel leh asal cas. Oo waxaad doonaysaa inaad u beddesho mid maran. Haddii aad taqaan koodka go'aamiya midabka cas, adoo isticmaalaya mashiinka raadinta ee code HTML waxaad heli doontaa meesha uu midabkani ka muuqdo (oo ku xiran midabka asalka) oo aad si dhakhso ah u bedeli karto. Laakiin maxaa dhacaya haddii aadan haysan? Waa inaad eegtaa ilaa aad ka hesho qaybtaas oo aad tijaabiso si aad u aragto koodka u dhow waxaad rabto.
Sidaa darteed, koodhka midabku wuxuu kaa caawinayaa inaad dardar geliso shaqada, iyo sidoo kale inaad awood u leedahay inaad isticmaasho midabada marka la naqshadeynayo website-ka, tafatirka sawirka, iwm.
Liiska midabada iyo koodkooda hexadecimal iyo RGB
Si loo dhammeeyo, waxaan jeclaan lahayn inaan kuugu dhaafno hoos a shaxda aad ka heli karto inta badan midabada jira oo ay la socdaan kood tobanle (RGB) iyo hexadecimal si haddii wakhti kasta aad u baahan tahay inaad bedesho koodka, waxaad si fudud u samayn kartaa adigoon u baahnayn inaad ka raadiso palette midabka.
Calaamadda | jajab tobanle (R, G, B) | hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
qadiimiga ah | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
aquamarine | rgb (127, 255, 212) | # 7FFFD4 |
Azure | rgb (240, 255, 255) | # F0FFFF |
beige | rgb (245, 245, 220) | # F5F5DC |
bisqi | rgb (255, 228, 196) | # FFE4C4 |
madow | rgb (0, 0, 0) | #000000 |
blanchdalmond | rgb (255, 235, 205) | #FFEBCD |
buluug | rgb (0, 0, 255) | # 0000FF |
buluug | rgb (138, 43, 226) | # 8A2BE2 |
bunni | rgb (165, 42, 42) | # A52A2A |
alwaax bursan | rgb (222, 184, 135) | # DEB887 |
buluug cadet | rgb (95, 158, 160) | # 5F9EA0 |
jaangooyada | rgb (127, 255, 0) | # 7FFF00 |
shukulaatada | rgb (210, 105, 30) | # D2691E |
shacaab | rgb (255, 127, 80) | # FF7F50 |
galleyda ubaxa | rgb (100, 149, 237) | # 6495ED |
galley | rgb (255, 248, 220) | # FFF8DC |
casaanka | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
midab madow | rgb (0, 0, 139) | # 00008B |
mugdi | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | # B8860B |
mugdi | rgb (169, 169, 169) | # A9A9A9 |
cagaar madow | rgb (0, 100, 0) | #006400 |
cawl madow | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
darkmagenta | rgb (139, 0, 139) | # 8B008B |
madow-cagaaran | rgb (85, 107, 47) | # 556B2F |
darkorange | rgb (255, 140, 0) | # FF8C00 |
darkorchid | rgb (153, 50, 204) | # 9932CC |
madoobaaday | rgb (139, 0, 0) | #8B0000 |
blacksalmon | rgb (233, 150, 122) | # E9967A |
madow madow | rgb (143, 188, 143) | # 8FBC8F |
blackslateblue | rgb (72, 61, 139) | # 483D8B |
darkslategray | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
darkturquoise | rgb (0, 206, 209) | # 00CED1 |
madow-violet | rgb (148, 0, 211) | #9400D3 |
qoto dheer | rgb (255, 20, 147) | #FF1493 |
qotodheer buluug | rgb (0, 191, 255) | # 00BFFF |
mugdi | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
qoryaha dabka | rgb (178, 34, 34) | # B22222 |
ubaxa cad | rgb (255, 250, 240) | # FFFAF0 |
cagaarka kaynta | rgb (34, 139, 34) | #228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
gasboro | rgb (220, 220, 220) | #DCDCDC |
rooxaan cad | rgb (248, 248, 255) | # F8F8FF |
dahab | rgb (255, 215, 0) | # FFD700 |
dahab dahab ah | rgb (218, 165, 32) | # DAA520 |
cirro | rgb (128, 128, 128) | #808080 |
cagaaran | rgb (0, 128, 0) | #008000 |
cagaaran | rgb (173, 255, 47) | # ADFF2F |
cirro | rgb (128, 128, 128) | #808080 |
caano-macaan | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
ku jihaysan | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | #4B0082 |
fool-maroodi | 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 |
nalalka fudud | rgb (173, 216, 230) | # ADD8E6 |
khafiif | rgb (240, 128, 128) | #F08080 |
iftiin | rgb (224, 255, 255) | # E0FFFF |
huruud huruud ah | rgb (250, 250, 210) | # FAFAD2 |
iftiin | rgb (211, 211, 211) | # D3D3D3 |
iftiin | rgb (144, 238, 144) | # 90EE90 |
iftiin | rgb (211, 211, 211) | # D3D3D3 |
iftiinka iftiinka | rgb (255, 182, 193) | # FFB6C1 |
salmon | rgb (255, 160, 122) | # FFA07A |
iftiin | rgb (32, 178, 170) | # 20B2AA |
laydh | rgb (135, 206, 250) | # 87CEFA |
lightslategray | rgb (119, 136, 153) | #778899 |
lightslategrey | rgb (119, 136, 153) | #778899 |
iftiin bir ah | rgb (176, 196, 222) | # B0C4DE |
aan fududayn | rgb (255, 255, 224) | # FFFFE0 |
lime | rgb (0, 255, 0) | # 00FF00 |
liin cagaaran | rgb (50, 205, 50) | #32CD32 |
dharka | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
dhexdhexaadaquamarine | rgb (102, 205, 170) | # 66CDAA |
dhexdhexaadumblue | rgb (0, 0, 205) | # 0000CD |
dhexdhexaad | rgb (186, 85, 211) | # BA55D3 |
guduud dhexdhexaad ah | rgb (147, 112, 219) | #9370D8 |
dhexdhexaad ah | rgb (60, 179, 113) | # 3CB371 |
dhexdhexaad ah buluug | rgb (123, 104, 238) | # 7B68EE |
cagaar dhexdhexaad ah | rgb (0, 250, 154) | # 00FA9A |
dhexdhexaad dhexdhexaad ah | rgb (72, 209, 204) | # 48D1CC |
dhexdhexaad ah violet | rgb (199, 21, 133) | #C71585 |
saqda dhexe | rgb (25, 25, 112) | #191970 |
kareemka | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
moccasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
Ciidamada badda | rgb (0, 0, 128) | #000080 |
duugoobay | rgb (253, 245, 230) | # FDF5E6 |
iyo Saytuun, | rgb (128, 128, 0) | #808000 |
oliverab | rgb (107, 142, 35) | # 6B8E23 |
orange | rgb (255, 165, 0) | # FFA500 |
karey | rgb (255, 69, 0) | #FF4500 |
Orchid | rgb (218, 112, 214) | # DA70D6 |
xikmad | rgb (238, 232, 170) | # EEE8AA |
cagaar-cagaaran | rgb (152, 251, 152) | # 98FB98 |
palette turquoise | rgb (175, 238, 238) | #AFEEEE |
palevioletred | rgb (219, 112, 147) | # D87093 |
babayga | rgb (255, 239, 213) | # FFEFD5 |
fersken | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
pink | rgb (255, 192, 203) | # FFC0CB |
Rifle | rgb (221, 160, 221) | # DDA0DD |
buluug | rgb (176, 224, 230) | # B0E0E6 |
iyo guduud | rgb (128, 0, 128) | #800080 |
cas | rgb (255, 0, 0) | #FF0000 |
rosybrown | rgb (188, 143, 143) | # BC8F8F |
boqorada | rgb (65, 105, 225) | # 4169E1 |
murugaysan | rgb (139, 69, 19) | #8B4513 |
salmon | rgb (250, 128, 114) | # FA8072 |
ciida ciideed | rgb (244, 164, 96) | # F4A460 |
badda | rgb (46, 139, 87) | # 2E8B57 |
dekedda | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
lacag | rgb (192, 192, 192) | # C0C0C0 |
duufaan | rgb (135, 206, 235) | # 87CEEB |
midab buluug ah | rgb (106, 90, 205) | # 6A5ACD |
cawlan | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
barafka | rgb (255, 250, 250) | #FFFAFA |
cagaar | rgb (0, 255, 127) | # 00FF7F |
bir buluug ah | rgb (70, 130, 180) | #4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
teel | rgb (0, 128, 128) | #008080 |
thistle | rgb (216, 191, 216) | # D8BFD8 |
yaanyo | rgb (255, 99, 71) | #FF6347 |
sumurud | rgb (64, 224, 208) | # 40E0D0 |
buluug | rgb (238, 130, 238) | # EE82EE |
sarreen | rgb (245, 222, 179) | # F5DEB3 |
cad | rgb (255, 255, 255) | #FFFFFFF |
cadaan | rgb (245, 245, 245) | # F5F5F5 |
jaalaha ah | rgb (255, 255, 0) | # FFFF00 |
jaalle-cagaaran | rgb (154, 205, 50) | # 9ACD32 |
Ma taqaan codes midab badan? Waxaan kugu martiqaadeynaa inaad geliso faallooyinka si aad u ballaariso liiska.