Kung ikaw ay isang graphic designer, o kakakapasok lang sa isang image editing program, makikita mo ang isang kahon na nagpapahintulot sa iyo na baguhin ang kulay, maging ito ang balde ng pintura, ang brush, ang mga titik ... Ang maaaring nakapag-usisa sa iyo ay ang katotohanan na, kapag pumili ka ng isang kulay, ito ay lilitaw isang code ng kulay, alam kung ano ito?
Kung naisip mo na kung ano ang ibig sabihin ng mga letra o numerong code na iyon, at gusto mong malaman ang higit pa tungkol dito, tutulungan ka naming maunawaan ang kahalagahan ng color code, kung bakit ang mga ito ay nagpapakita ng mga kulay at iba pang mga detalye.
Ano ang color code
Maaari naming tukuyin ang code ng kulay bilang a chromatic range kung saan maaaring ipakita ang isang web. Iyon ay, ang mga posibilidad na umiiral, sa isang palette ng halos 216 na kulay, upang matukoy kung ano ang magiging hitsura ng isang website. Ang code na ito ay maaaring batay sa tatlong uri ng mga system: RGB, HEX at HSL (ang huli ay hindi na ginagamit ngayon).
Sa totoo lang, para saan ang color code na magsilbi bilang isang unibersal na code para sa lahat ng mga browser sa paraang, sa mga code na iyon, kung ano ang nakamit ay upang kopyahin ang parehong mga tono, alinman sa Internet Explores, sa Firefox Mozilla, sa Google Chrome …
Dapat mong malaman iyon ang isang computer ay may kakayahang makilala ang hanggang sa 16 milyong kulay, kaya maraming mga posibilidad na lumikha ng isang website o baguhin ang mga imahe.
Mga uri ng mga code ng kulay
Tulad ng sinabi namin sa iyo dati, mayroong tatlong uri ng mga sistema:
- RGB. Ito ang pinakakilala at binubuo ng tatlong pangunahing kulay, pula, asul at berde, kung saan, sa pamamagitan ng kanilang kumbinasyon, ang iba pang mga kulay ay nagmula. Tulad ng para sa representasyon nito, ito ay mula 0 hanggang 255 at ang code na lalabas ay binubuo ng tatlong figure na pinaghihiwalay ng mga kuwit at sa pagitan ng mga panaklong.
- hexadecimal. Ginagamit ang karamihan sa HTML at CSS. Sa kasong ito, ito ay binubuo ng parehong mga numero at mga titik na nakaayos sa kanilang mga sarili upang makakuha ng mga code na tumutukoy sa mga kulay.
- HSL. Hindi na ginagamit, ito ay batay sa paggamit ng kulay, saturation at liwanag kapag lumilikha ng isang kulay. Ito ay tinutukoy ng mga antas at porsyento (tatlong numero na pinaghihiwalay ng mga kuwit at nasa panaklong).
Bakit mahalaga ang mga code?
Ngayong alam mo na kung ano ang color coding, ang aplikasyon nito ay madaling maunawaan, dahil Ito ay ginagamit upang matukoy kung anong code ang kinakailangan para sa isang partikular na kulay na ipapakita. Gumagana ito, halimbawa, sa mga web page. Ang HTML code ay implicit kung ang isang website ay may background ng isang tiyak na kulay, kung ang font ay pula, dilaw, berde, asul ..., at marami pang ibang gamit.
Naiintindihan mo ba kung bakit ito mahalaga? Halimbawa, isipin na mayroon kang isang website na may pulang background. At gusto mong palitan ito ng blangko. Kung alam mo ang code na tumutukoy sa kulay na pula, gamit ang search engine sa HTML code ay makukuha mo ang lugar kung saan makikita ang kulay na ito (naka-link sa kulay ng background) at maaari mo itong baguhin nang mabilis. Ngunit paano kung wala ka nito? Dapat kang naghahanap hanggang sa makita mo ang seksyong iyon at subukan upang makita kung anong code ang malapit sa gusto mo.
Samakatuwid, tinutulungan ka ng color code na pabilisin ang trabaho, pati na rin ang kakayahang gumamit ng mga kulay kapag nagdidisenyo ng isang website, nag-e-edit ng isang imahe, atbp.
Listahan ng mga kulay at ang kanilang code Hexadecimal at RGB
Upang matapos, nais naming iwanan ka sa ibaba a talahanayan kung saan mahahanap mo ang karamihan sa mga kulay na umiiral kasama ng kanilang decimal code (RGB) at hexadecimal upang kung sa anumang oras kailangan mong baguhin ang code, magagawa mo ito nang madali nang hindi kinakailangang hanapin ito sa paleta ng kulay.
Tatak | Decimal (R, G, B) | Hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antigong puti | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akwamarin | rgb (127, 255, 212) | # 7FFFD4 |
azure | rgb (240, 255, 255) | # F0FFFF |
murang kayumanggi | rgb (245, 245, 220) | # F5F5DC |
biskwit | rgb (255, 228, 196) | # FFE4C4 |
itim | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
asul | rgb (0, 0, 255) | # 0000FF |
Blue violet | rgb (138, 43, 226) | # 8A2BE2 |
kayumanggi | rgb (165, 42, 42) | # A52A2A |
burberry | rgb (222, 184, 135) | # DEB887 |
kadeteblue | rgb (95, 158, 160) | # 5F9EA0 |
tsart | rgb (127, 255, 0) | # 7FFF00 |
tsokolate | rgb (210, 105, 30) | # D2691E |
koral | rgb (255, 127, 80) | # FF7F50 |
cornflowerblue | rgb (100, 149, 237) | # 6495ED |
mais | rgb (255, 248, 220) | # FFF8DC |
pulang-pula | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
madilim na asul | rgb (0, 0, 139) | #00008B |
darkcyan | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | # B8860B |
madilim na kulay-abo | rgb (169, 169, 169) | # A9A9A9 |
madilim na berde | rgb (0, 100, 0) | #006400 |
madilim na kulay abo | 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 |
darkred | rgb (139, 0, 0) | # 8B0000 |
darksalmon | rgb (233, 150, 122) | # E9967A |
darkseagreen | 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 |
dimgray | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgeblue | rgb (30, 144, 255) | # 1E90FF |
siga | rgb (178, 34, 34) | #B22222 |
mabulaklak na puti | rgb (255, 250, 240) | # FFFAF0 |
forestgreen | rgb (34, 139, 34) | # 228B22 |
pusiya | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
ginto | rgb (255, 215, 0) | # FFD700 |
gintong baras | rgb (218, 165, 32) | # DAA520 |
kulay-abo | rgb (128, 128, 128) | #808080 |
berde | rgb (0, 128, 0) | #008000 |
berdeng dilaw | rgb (173, 255, 47) | # ADFF2F |
kulay-abo | rgb (128, 128, 128) | #808080 |
pulot-pukyutan | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
pula ng indian | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
garing | rgb (255, 255, 240) | # FFFFF0 |
kaki | 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 |
magaan na coral | rgb (240, 128, 128) | #F08080 |
lightcyan | rgb (224, 255, 255) | # E0FFFF |
lightgoldenrodyellow | rgb (250, 250, 210) | # FAFAD2 |
kulay abo | rgb (211, 211, 211) | # D3D3D3 |
mapusyaw na berde | 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 |
lightskyblue | rgb (135, 206, 250) | # 87CEFA |
lightslategray | rgb (119, 136, 153) | #778899 |
lightslategrey | rgb (119, 136, 153) | #778899 |
lightsteelblue | rgb (176, 196, 222) | # B0C4DE |
mapusyaw na dilaw | rgb (255, 255, 224) | # FFFFE0 |
dayap | rgb (0, 255, 0) | # 00FF00 |
lime green | rgb (50, 205, 50) | #32CD32 |
linen | rgb (250, 240, 230) | # FAF0E6 |
kulay-pula | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
mediumquamarine | rgb (102, 205, 170) | # 66CDAA |
katamtamang asul | rgb (0, 0, 205) | # 0000CD |
mediumorchid | rgb (186, 85, 211) | # BA55D3 |
mediumpurple | rgb (147, 112, 219) | # 9370D8 |
mediumseagreen | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
mediumspringgreen | rgb (0, 250, 154) | # 00FA9A |
mediumturquoise | rgb (72, 209, 204) | # 48D1CC |
mediumvioletred | rgb (199, 21, 133) | #C71585 |
midnight blue | 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 |
hukbong-dagat | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
oliba | rgb (128, 128, 0) | #808000 |
oliba | rgb (107, 142, 35) | # 6B8E23 |
dalandan | rgb (255, 165, 0) | # FFA500 |
may dalandan | rgb (255, 69, 0) | # FF4500 |
orkidyas | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
maputlang berde | rgb (152, 251, 152) | # 98FB98 |
papag turkesa | rgb (175, 238, 238) | #AFEEEE |
namutla | rgb (219, 112, 147) | #D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
peach puff | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
rosas | rgb (255, 192, 203) | # FFC0CB |
kaakit-akit | rgb (221, 160, 221) | # DDA0DD |
asul na pulbos | rgb (176, 224, 230) | # B0E0E6 |
marangal | rgb (128, 0, 128) | #800080 |
pula | rgb (255, 0, 0) | # FF0000 |
kulay-rosas na kayumanggi | rgb (188, 143, 143) | # BC8F8F |
royal blue | rgb (65, 105, 225) | # 4169E1 |
may saddlebrown | rgb (139, 69, 19) | # 8B4513 |
salmon | rgb (250, 128, 114) | # FA8072 |
kayumangging buhangin | rgb (244, 164, 96) | # F4A460 |
seagreen | rgb (46, 139, 87) | # 2E8B57 |
kabibi | rgb (255, 245, 238) | # FFF5EE |
tinang kayumanggi | rgb (160, 82, 45) | # A0522D |
pilak | rgb (192, 192, 192) | # C0C0C0 |
skyblue | rgb (135, 206, 235) | # 87CEEB |
slateblue | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
snow | rgb (255, 250, 250) | #FFAFA |
tagsibol berde | rgb (0, 255, 127) | # 00FF7F |
bakal na asul | rgb (70, 130, 180) | # 4682B4 |
kaya | rgb (210, 180, 140) | # D2B48C |
tial | rgb (0, 128, 128) | #008080 |
tistle | rgb (216, 191, 216) | # D8BFD8 |
kamatis | rgb (255, 99, 71) | # FF6347 |
turkesa | rgb (64, 224, 208) | # 40E0D0 |
kulay-lila | rgb (238, 130, 238) | # EE82EE |
trigo | rgb (245, 222, 179) | # F5DEB3 |
puti | rgb (255, 255, 255) | # FFFFFF |
puting usok | rgb (245, 245, 245) | # F5F5F5 |
dilaw | rgb (255, 255, 0) | # FFFF00 |
dilaw | rgb (154, 205, 50) | # 9ACD32 |
Alam mo ba ang higit pang mga code ng kulay? Inaanyayahan ka naming ilagay ang mga ito sa mga komento upang palawakin ang listahan.