Idan kai mai zane ne, ko kuma ka taɓa shiga shirin gyaran hoto, za ka ga a akwatin da ya ba ka damar canza launi, ya kasance guga fenti, goga, haruffa ... Abin da zai iya sa ka sha'awar shi ne gaskiyar cewa, lokacin da ka zaɓi launi, yana bayyana. lambar launi, san menene?
Idan kun taɓa mamakin abin da waɗannan haruffa ko lambobin lambobi ke nufi, kuma kuna son ƙarin sani game da shi, to muna taimaka muku fahimtar mahimmancin lambar launi, dalilin da yasa suke nuna launuka da sauran cikakkun bayanai masu ban sha'awa.
Menene lambar launi
Za mu iya ayyana lambar launi azaman a gamut launi wanda za'a iya nunawa yanar gizo. Wato, yuwuwar da ke akwai, a cikin palette mai kusan launuka 216, don sanin yadda gidan yanar gizon zai kasance. Wannan lambar na iya dogara ne akan nau'ikan tsarin uku: RGB, HEX da HSL (ƙarshen yanzu ya ƙare).
A zahiri, abin da lambar launi ta kasance don zama lambar duniya ga duk masu bincike ta hanyar da, tare da waɗannan lambobin, abin da ake samu shine sake maimaita sautuna iri ɗaya, ko dai a cikin Internet Explores, a Firefox Mozilla, a cikin Google Chrome. …
Lallai yasan hakan kwamfuta tana iya bambance launuka har zuwa miliyan 16, don haka akwai dama da yawa don ƙirƙirar gidan yanar gizo ko canza hotuna.
Nau'in lambobin launi
Kamar yadda muka fada muku a baya, akwai nau'ikan tsari guda uku:
- RGB. Shi ne aka fi sani kuma an yi shi da launuka na farko guda uku, ja, shuɗi da kore, daga cikin su, ta hanyar haɗin su, sauran launukan ake samu. Dangane da wakilcinsa, yana daga 0 zuwa 255 kuma lambar da ta bayyana tana da adadi uku da aka ware ta hanyar waƙafi da tsakanin bakan gizo.
- hexadecimal. Ana amfani da mafi yawa a cikin HTML da CSS. A wannan yanayin, an yi shi da siffofi da haruffa waɗanda aka tsara a tsakanin su don samun lambobin da ke ƙayyade launuka.
- HSL. An riga an yi amfani da shi, yana dogara ne akan amfani da hue, jikewa da haske lokacin ƙirƙirar launi. An ƙaddara ta digiri da kaso (lambobi uku da aka raba ta waƙafi da cikin bakan gizo).
Me yasa lambobin ke da mahimmanci?
Yanzu da kuka san menene lambar lambar launi, aikace-aikacen sa yana da sauƙin fahimta, tunda Ana amfani da shi don tantance ko wane lamba ake buƙata don takamaiman launi don nunawa. Wannan yana aiki, alal misali, akan shafukan yanar gizo. Lambar HTML ba ta bayyana ba idan gidan yanar gizon yana da bango na wani launi, idan font ɗin ja ne, rawaya, kore, shuɗi ..., da sauran amfani da yawa.
Shin kun fahimci dalilin da yasa yake da mahimmanci? Misali, yi tunanin kana da gidan yanar gizo mai launin ja. Kuma kuna so ku canza shi zuwa mara kyau. Idan kun san lambar da ke ƙayyade launin ja, ta yin amfani da injin bincike a cikin lambar HTML za ku sami wurin da wannan launi yake nunawa (wanda aka danganta da launi na baya) kuma kuna iya canza shi da sauri. Amma idan ba ku da shi fa? Ya kamata ku duba har sai kun sami wannan sashin kuma gwada don ganin lambar da ke kusa da abin da kuke so.
Don haka, lambar launi tana taimaka muku hanzarta aikin, da kuma samun damar yin amfani da launuka yayin zayyana gidan yanar gizon, gyara hoto, da sauransu.
Jerin launuka da lambar su Gwangwazo da RGB
Don gamawa, muna so mu bar ku a ƙasa a tebur wanda a ciki zaku iya samun yawancin launuka waɗanda ke wanzu tare da lambar su na decimal (RGB) da hexadecimal ta yadda idan a kowane lokaci kana buƙatar canza lambar, za ka iya yin shi cikin sauƙi ba tare da neman sa a cikin palette mai launi ba.
Label | Decimal (R, G, B) | Gwangwazo |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
tsohon fari | rgb (250, 235, 215) | # FAEBD7 |
ruwa | rgb (0, 255, 255) | # 00FFFF |
aquamarine | rgb (127, 255, 212) | # 7FFFD4 |
azure | rgb (240, 255, 255) | # F0FFFF |
m | rgb (245, 245, 220) | # F5F5DC |
biski | rgb (255, 228, 196) | # FFE4C4 |
black | rgb (0, 0, 0) | #000000 |
blanchalmond | rgb (255, 235, 205) | #FFEBCD |
blue | rgb (0, 0, 255) | # 0000FF |
blueviolet | rgb (138, 43, 226) | # 8A2BE2 |
brown | rgb (165, 42, 42) | # A52A2A |
itace burly | rgb (222, 184, 135) | # DEB887 |
kadet blue | rgb (95, 158, 160) | # 5F9EA0 |
tsarawa | rgb (127, 255, 0) | # 7FFF00 |
cakulan | rgb (210, 105, 30) | # D2691E |
murjani | rgb (255, 127, 80) | # FF7F50 |
masarar masara | rgb (100, 149, 237) | # 6495ED |
masara | rgb (255, 248, 220) | # FFF8DC |
garura | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
bakin duhu | rgb (0, 0, 139) | # 00008B |
duhu | rgb (0, 139, 139) | # 008B8B |
blackgoldenrod | rgb (184, 134, 11) | # B8860B |
duhu | rgb (169, 169, 169) | # A9A9A9 |
duhu duhu | rgb (0, 100, 0) | #006400 |
duhu | rgb (169, 169, 169) | # A9A9A9 |
duhu | rgb (189, 183, 107) | # BDB76B |
duhumagenta | rgb (139, 0, 139) | # 8B008B |
blackolivegreen | rgb (85, 107, 47) | # 556B2F |
duhu | rgb (255, 140, 0) | # FF8C00 |
duhu | rgb (153, 50, 204) | # 9932CC |
duhu | rgb (139, 0, 0) | # 8B0000 |
duhusalmon | rgb (233, 150, 122) | # E9967A |
duhun duhu | rgb (143, 188, 143) | # 8FBC8F |
duhu blue | rgb (72, 61, 139) | # 483D8B |
duhu | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
duhu duhu | rgb (0, 206, 209) | # 00CED1 |
duhu violet | rgb (148, 0, 211) | #9400D3 |
ruwan hoda mai zurfi | rgb (255, 20, 147) | #FF1493 |
deepsky blue | rgb (0, 191, 255) | # 00BFFF |
dimray | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
bulo | rgb (178, 34, 34) | # B22222 |
farin furanni | rgb (255, 250, 240) | # FFFAF0 |
gandun daji | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
nasara | rgb (220, 220, 220) | #DCDCDC |
fatalwa | rgb (248, 248, 255) | # F8F8FF |
zinariya | rgb (255, 215, 0) | # FFD700 |
zinariyarod | rgb (218, 165, 32) | # DAA520 |
m | rgb (128, 128, 128) | #808080 |
kore | rgb (0, 128, 0) | #008000 |
koren ruwa | rgb (173, 255, 47) | # ADFF2F |
m | rgb (128, 128, 128) | #808080 |
saƙar zuma | rgb (240, 255, 240) | # F0FFF0 |
hotbink | rgb (255, 105, 180) | # FF69B4 |
ba da ciki | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
hauren giwa | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
Lavender | rgb (230, 230, 250) | # E6E6FA |
lavenderblush | rgb (255, 240, 245) | # FFF0F5 |
lawngtan | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
haske | rgb (173, 216, 230) | # ADD8E6 |
haske | rgb (240, 128, 128) | #F08080 |
lightcyan | rgb (224, 255, 255) | # E0FFFF |
karafaganda | rgb (250, 250, 210) | # FAFAD2 |
walƙiya | rgb (211, 211, 211) | # D3D3D3 |
walƙiya | rgb (144, 238, 144) | # 90EE90 |
haske | rgb (211, 211, 211) | # D3D3D3 |
fenti mai haske | rgb (255, 182, 193) | # FFB6C1 |
haskesalmon | rgb (255, 160, 122) | # FFA07A |
hasken wuta | rgb (32, 178, 170) | # 20B2AA |
nura_m_inuwa | rgb (135, 206, 250) | # 87CEFA |
lightslategray | rgb (119, 136, 153) | #778899 |
lightslategrey | rgb (119, 136, 153) | #778899 |
haske karfe blue | rgb (176, 196, 222) | # B0C4DE |
mara nauyi | rgb (255, 255, 224) | # FFFFE0 |
lemun tsami | rgb (0, 255, 0) | # 00FF00 |
lemun tsami | rgb (50, 205, 50) | #32CD32 |
lilin | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
matsakaici aquamarine | rgb (102, 205, 170) | # 66CDAA |
matsakaiciya | rgb (0, 0, 205) | # 0000CD |
matsamarin | rgb (186, 85, 211) | # BA55D3 |
matsakaici-purple | rgb (147, 112, 219) | #9370D8 |
matsakaiciyar teku | rgb (60, 179, 113) | # 3BB371 |
matsakaici blue | rgb (123, 104, 238) | # 7B68EE |
matsakaiciyar bazara | rgb (0, 250, 154) | # 00FA9A |
matsakaici | rgb (72, 209, 204) | # 48D1CC |
matsakaici-violet | rgb (199, 21, 133) | #C71585 |
tsakar dare | 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 |
sojojin ruwa | rgb (0, 0, 128) | #000080 |
tsohuwa | rgb (253, 245, 230) | # FDF5E6 |
zaituni | rgb (128, 128, 0) | #808000 |
zaitun | rgb (107, 142, 35) | # 6B8E23 |
orange | rgb (255, 165, 0) | # FFA500 |
raarfafa | rgb (255, 69, 0) | #FF4500 |
orchid | rgb (218, 112, 214) | # DA70D6 |
maryam_m_inuwa | rgb (238, 232, 170) | # EEE8AA |
launin ruwan kasa | rgb (152, 251, 152) | # 98FB98 |
pallet turquoise | rgb (175, 238, 238) | #AFEEEE |
paleviolet | rgb (219, 112, 147) | #D87093 |
gwanda | rgb (255, 239, 213) | # FFEFD5 |
peach puff | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
m | rgb (255, 192, 203) | # FFC0CB |
plum | rgb (221, 160, 221) | # DDA0DD |
man shafawa | rgb (176, 224, 230) | # B0E0E6 |
shunayya | rgb (128, 0, 128) | #800080 |
ja | rgb (255, 0, 0) | #FF0000 |
launin ruwan kasa | rgb (188, 143, 143) | # BC8F8F |
sarauta | rgb (65, 105, 225) | # 4169E1 |
sirdi | rgb (139, 69, 19) | # 8B4513 |
kifi | rgb (250, 128, 114) | # FA8072 |
yashi mai yashi | rgb (244, 164, 96) | # F4A460 |
bakin teku | rgb (46, 139, 87) | # 2E8B57 |
seashell | rgb (255, 245, 238) | # FFF5EE |
siyen | rgb (160, 82, 45) | # A0522D |
azurfa | rgb (192, 192, 192) | # C0C0C0 |
sama | rgb (135, 206, 235) | # 87CEEB |
slatblue | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
snow | rgb (255, 250, 250) | #FFFA |
shuke-shuke | rgb (0, 255, 127) | # 00FF7F |
karfe blue | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
taal | rgb (0, 128, 128) | #008080 |
ƙwaƙwalwa | rgb (216, 191, 216) | #D8BFD8 |
tumatir | rgb (255, 99, 71) | #FF6347 |
turquoise | rgb (64, 224, 208) | Farashin 40E0D0 |
Violet | rgb (238, 130, 238) | # EE82EE |
alkama | rgb (245, 222, 179) | # F5DEB3 |
farin | rgb (255, 255, 255) | #FFFFFF |
farar fata | rgb (245, 245, 245) | # F5F5F5 |
yellow | rgb (255, 255, 0) | # FFFF00 |
rawaya-kore | rgb (154, 205, 50) | Saukewa: 9ACD32 |
Shin kun san ƙarin lambobin launi? Muna gayyatar ku don saka su a cikin sharhi don faɗaɗa jerin.