Ako ste grafički dizajner ili ste se tek ikada uključili u program za uređivanje slika, vidjeli ste okvir koji vam je omogućio promjenu boje, bilo da je u pitanju kanta sa bojom, četkica, slova... Ono što vas je možda učinilo radoznalim je činjenica da se, kada odaberete boju, pojavljuje kod boje, znaš šta je to?
Ako ste se ikada zapitali šta znače ti kodovi slova ili brojeva i želite da saznate više o tome, onda ćemo vam pomoći da shvatite važnost koda boja, zašto odražavaju boje i druge neobične detalje.
Koji je kod boje
Kod boje možemo definirati kao a kromatski raspon u kojem se web može prikazati. Odnosno, mogućnosti koje postoje, u paleti od oko 216 boja, da se odredi kako će web stranica izgledati. Ovaj kod može biti zasnovan na tri tipa sistema: RGB, HEX i HSL (potonji je sada zastario).
Zapravo, ono čemu služi kod boja je da služi kao univerzalni kod za sve pretraživače na način da se sa tim kodovima postiže reprodukcija istih tonova, bilo u Internet Exploresu, u Firefoxu Mozilla, u Google Chromeu …
To morate znati kompjuter je u stanju da razlikuje do 16 miliona boja, tako da postoji mnogo mogućnosti za kreiranje web stranice ili za izmjenu slika.
Vrste kodova boja
Kao što smo vam već rekli, postoje tri tipa sistema:
- RGB. Najpoznatija je i sastoji se od tri osnovne boje, crvene, plave i zelene, od kojih se njihovom kombinacijom dobijaju i ostale boje. Što se tiče njegovog prikaza, on se kreće od 0 do 255, a kod koji se pojavljuje sastoji se od tri brojke odvojene zarezima i između zagrada.
- Heksadecimalni. Koristi se uglavnom u HTML-u i CSS-u. U ovom slučaju, sastoji se od i brojki i slova koji su međusobno raspoređeni kako bi se dobili kodovi koji određuju boje.
- HSL. Već nije u upotrebi, bazira se na korištenju nijanse, zasićenosti i svjetline prilikom kreiranja boje. Određuje se stepenima i procentima (tri cifre odvojene zarezima i zagradama).
Zašto su kodovi važni?
Sada kada znate šta je kodiranje bojama, njegovu primjenu je lako razumjeti, jer Koristi se za određivanje koji je kod potreban da bi se određena boja prikazala. Ovo funkcionira, na primjer, na web stranicama. HTML kod je implicitan ako web stranica ima pozadinu određene boje, ako je font crveni, žuti, zeleni, plavi..., i mnoge druge namjene.
Da li razumete zašto je to važno? Na primjer, zamislite da imate web stranicu s crvenom pozadinom. I želite da ga promenite u prazno. Da znate kod koji određuje crvenu boju, pomoću tražilice u HTML kodu biste dobili mjesto gdje se ta boja odražava (povezano sa bojom pozadine) i mogli biste je brzo promijeniti. Ali šta ako ga nemate? Trebali biste tražiti dok ne pronađete taj odjeljak i testirate da vidite koji je kod blizak onome što želite.
Dakle, kod boja vam pomaže da ubrzate rad, kao i da možete koristiti boje prilikom dizajniranja web stranice, uređivanja slike itd.
Lista boja i njihova šifra Šesterokutni i RGB
Za kraj, želimo da vas ostavimo ispod a tabela u kojoj možete pronaći većinu boja koje postoje zajedno sa njihovim decimalnim kodom (RGB) i heksadecimalom tako da ako u bilo kom trenutku zatrebate da promenite kod, možete to učiniti lako bez potrebe da ga tražite u paleti boja.
Label | Decimala (R, G, B) | Šesterokutni |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antiquewhite | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarin | rgb (127, 255, 212) | # 7FFFD4 |
plavetnilo | rgb (240, 255, 255) | # F0FFFF |
bež | rgb (245, 245, 220) | # F5F5DC |
keks | rgb (255, 228, 196) | # FFE4C4 |
crn | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
plava boja | rgb (0, 0, 255) | # 0000FF |
blueviolet | rgb (138, 43, 226) | # 8A2BE2 |
braon | rgb (165, 42, 42) | # A52A2A |
krupno drvo | rgb (222, 184, 135) | # DEB887 |
cadetblue | rgb (95, 158, 160) | # 5F9EA0 |
chartreuse | rgb (127, 255, 0) | # 7FFF00 |
Čokolada | rgb (210, 105, 30) | # D2691E |
koral | rgb (255, 127, 80) | # FF7F50 |
cornflowerblue | rgb (100, 149, 237) | # 6495ED |
kukuruzna svila | rgb (255, 248, 220) | # FFF8DC |
tamnocrven | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
tamno plava | rgb (0, 0, 139) | # 00008B |
darkcyan | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | # B8860B |
tamno siva | rgb (169, 169, 169) | # A9A9A9 |
tamno zelena | rgb (0, 100, 0) | #006400 |
tamno siva | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
darkmagenta | rgb (139, 0, 139) | # 8B008B |
darkivegreen | rgb (85, 107, 47) | # 556B2F |
darkrange | rgb (255, 140, 0) | # FF8C00 |
darkorchid | rgb (153, 50, 204) | # 9932CC |
tamno crvena | rgb (139, 0, 0) | # 8B0000 |
tamni losos | 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 |
tamnotirkizno | rgb (0, 206, 209) | # 00CED1 |
tamnoljubičasta | 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 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
vatrostalna opeka | 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 |
zlato | rgb (255, 215, 0) | # FFD700 |
zlatni štap | rgb (218, 165, 32) | # DAA520 |
sive boje | rgb (128, 128, 128) | #808080 |
zelen | rgb (0, 128, 0) | #008000 |
zelenožuta | rgb (173, 255, 47) | # ADFF2F |
sive boje | rgb (128, 128, 128) | #808080 |
medena rosa | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indijska crvena | rgb (205, 92, 92) | # CD5C5C |
Indigo | rgb (75, 0, 130) | # 4B0082 |
Slonovače | rgb (255, 255, 240) | # FFFFF0 |
kaki | rgb (240, 230, 140) | # F0E68C |
lavanda | rgb (230, 230, 250) | # E6E6FA |
lavandablush | rgb (255, 240, 245) | # FFF0F5 |
travnjak | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
svijetlo plavo | rgb (173, 216, 230) | # ADD8E6 |
lagani koral | rgb (240, 128, 128) | #F08080 |
lightcyan | rgb (224, 255, 255) | # E0FFFF |
lightgoldenrodyellow | rgb (250, 250, 210) | # FAFAD2 |
svijetlo siva | rgb (211, 211, 211) | # D3D3D3 |
svijetlozelena | rgb (144, 238, 144) | # 90EE90 |
svijetlo siva | rgb (211, 211, 211) | # D3D3D3 |
lightpink | rgb (255, 182, 193) | # FFB6C1 |
lightlosos | 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 |
svijetložuta | rgb (255, 255, 224) | # FFFFE0 |
kreč | rgb (0, 255, 0) | # 00FF00 |
zelena limeta | rgb (50, 205, 50) | # 32CD32 |
posteljinu | rgb (250, 240, 230) | # FAF0E6 |
purpurnocrven | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
srednje akvamarin | rgb (102, 205, 170) | # 66CDAA |
srednje plava | rgb (0, 0, 205) | # 0000CD |
srednjeorhideja | rgb (186, 85, 211) | # BA55D3 |
srednje ljubičasta | rgb (147, 112, 219) | #9370D8 |
mediumseagreen | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
mediumspringgreen | rgb (0, 250, 154) | # 00FA9A |
srednjetirkizna | rgb (72, 209, 204) | # 48D1CC |
mediumvioletred | rgb (199, 21, 133) | #C71585 |
ponoćnoplava | rgb (25, 25, 112) | #191970 |
mintcream | rgb (245, 255, 250) | # F5FFFA |
mistiroza | rgb (255, 228, 225) | # FFE4E1 |
mokasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
mornarica | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
masline | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
narandža | rgb (255, 165, 0) | # FFA500 |
narandžaste | rgb (255, 69, 0) | # FF4500 |
orhideja | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
blijedozeleno | rgb (152, 251, 152) | # 98FB98 |
paleta tirkizna | rgb (175, 238, 238) | #AFEEEE |
palevioletred | rgb (219, 112, 147) | # D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
breskva | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
roze | rgb (255, 192, 203) | # FFC0CB |
šljiva | rgb (221, 160, 221) | # DDA0DD |
puder plavi | rgb (176, 224, 230) | # B0E0E6 |
purple | rgb (128, 0, 128) | #800080 |
crven | rgb (255, 0, 0) | # FF0000 |
rosybrown | rgb (188, 143, 143) | # BC8F8F |
kraljevsko plavo | rgb (65, 105, 225) | # 4169E1 |
saddlebrown | rgb (139, 69, 19) | # 8B4513 |
losos | rgb (250, 128, 114) | # FA8072 |
sandybrown | rgb (244, 164, 96) | # F4A460 |
seagreen | rgb (46, 139, 87) | # 2E8B57 |
školjka | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
srebro | rgb (192, 192, 192) | # C0C0C0 |
nebo plavo | rgb (135, 206, 235) | # 87CEEB |
škriljevca | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
snijeg | rgb (255, 250, 250) | #FFFAFA |
prolećno zeleno | rgb (0, 255, 127) | # 00FF7F |
čelično plava | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
čička | rgb (216, 191, 216) | # D8BFD8 |
paradajz | rgb (255, 99, 71) | # FF6347 |
tirkiz | rgb (64, 224, 208) | # 40E0D0 |
ljubičica | rgb (238, 130, 238) | # EE82EE |
pšenica | rgb (245, 222, 179) | # F5DEB3 |
bijel | rgb (255, 255, 255) | #FFFFFF |
bijeli dim | rgb (245, 245, 245) | # F5F5F5 |
žut | rgb (255, 255, 0) | # FFFF00 |
žutozeleno | rgb (154, 205, 50) | # 9ACD32 |
Znate li više kodova boja? Pozivamo vas da ih stavite u komentare kako biste proširili listu.