Ako ste grafički dizajner ili ste se tek uključili u program za uređivanje slika, vidjeli ste okvir koji vam je omogućio promjenu boje, bilo kanta s bojom, kist, slova... Ono što vas je možda zainteresiralo je činjenica da se, kada odaberete boju, pojavi kod boje, znaš što je to?
Ako ste se ikada zapitali što znače ti slovni ili brojčani kodovi i želite saznati više o tome, onda ćemo vam pomoći razumjeti važnost koda boja, zašto odražavaju boje i druge znatiželjne detalje.
Koji je kod boje
Kod boje možemo definirati kao a kromatski raspon u kojem se može prikazati web. Odnosno mogućnosti koje postoje, u paleti od oko 216 boja, da se odredi kako će web stranica izgledati. Ovaj se kod može temeljiti na tri vrste sustava: RGB, HEX i HSL (potonji je sada zastario).
Zapravo, ono čemu služi kod boja je da služi kao univerzalni kod za sve preglednike na način da se s tim kodovima postiže reproduciranje istih tonova, bilo u Internet Exploreru, u Firefoxu Mozilla, u Google Chromeu …
To morate znati računalo je sposobno razlikovati do 16 milijuna boja, tako da postoji mnogo mogućnosti za izradu web stranice ili za izmjenu slika.
Vrste kodova boja
Kao što smo vam već rekli, postoje tri vrste sustava:
- RGB. Najpoznatija je i sastoji se od tri primarne boje, crvene, plave i zelene, od kojih kroz njihovu kombinaciju nastaju 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ć se ne koristi, temelji se na korištenju nijanse, zasićenosti i svjetline prilikom stvaranja boje. Određuje se stupnjevima i postocima (tri znamenke odvojene zarezima i između zagrada).
Zašto su kodovi važni?
Sada kada znate što 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. To 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.
Shvaćate li zašto je to važno? Na primjer, zamislite da imate web stranicu s crvenom pozadinom. I želite ga promijeniti u prazno. Da znate kod koji određuje crvenu boju, pomoću tražilice u HTML kodu dobili biste mjesto na kojem se ta boja odražava (povezano s bojom pozadine) i mogli biste je brzo promijeniti. Ali što ako ga nemate? Morali biste pretraživati dok ne pronađete taj odjeljak i testirate da vidite koji je kod blizak onom koji želite.
Stoga vam kod boja pomaže da ubrzate rad, kao i da možete koristiti boje prilikom dizajniranja web stranice, uređivanja slike itd.
Popis boja i njihov kod Heksadecimalni i RGB
Za kraj, želimo vas ostaviti ispod a tablica u kojoj možete pronaći većinu boja koje postoje zajedno s njihovim decimalnim kodom (RGB) i heksadecimalom tako da ako u bilo kojem trenutku trebate promijeniti kod, to možete učiniti jednostavno bez potrebe da ga tražite u paleti boja.
oznaka | Decimala (R, G, B) | Heksadecimalni |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antiknobijelo | 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 |
čorba | rgb (255, 228, 196) | # FFE4C4 |
crno | rgb (0, 0, 0) | #000000 |
blanširani badem | rgb (255, 235, 205) | #FFEBCD |
plava | rgb (0, 0, 255) | # 0000FF |
plavoljubičasta | rgb (138, 43, 226) | # 8A2BE2 |
smeđ | rgb (165, 42, 42) | # A52A2A |
krupno drvo | rgb (222, 184, 135) | # DEB887 |
kadetplavi | rgb (95, 158, 160) | # 5F9EA0 |
šartrez | rgb (127, 255, 0) | # 7FFF00 |
čokolada | rgb (210, 105, 30) | # D2691E |
koraljni | rgb (255, 127, 80) | # FF7F50 |
kukuruznoplava | rgb (100, 149, 237) | # 6495ED |
kukuruzno svilo | rgb (255, 248, 220) | # FFF8DC |
tamnocrven | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
tamno plava | rgb (0, 0, 139) | #00008B |
tamnocijan | rgb (0, 139, 139) | # 008B8B |
tamnozlatna šipka | rgb (184, 134, 11) | # B8860B |
tamno sivo | rgb (169, 169, 169) | # A9A9A9 |
tamnozelene | rgb (0, 100, 0) | #006400 |
tamno siva | rgb (169, 169, 169) | # A9A9A9 |
tamnokaki | rgb (189, 183, 107) | # BDB76B |
tamnomagenta | rgb (139, 0, 139) | # 8B008B |
tamnocrvena | rgb (85, 107, 47) | # 556B2F |
tamnorange | rgb (255, 140, 0) | # FF8C00 |
tamna orhideja | rgb (153, 50, 204) | # 9932CC |
tamno crvena | rgb (139, 0, 0) | # 8B0000 |
tamni losos | rgb (233, 150, 122) | # E9967A |
tamnozelena | rgb (143, 188, 143) | # 8FBC8F |
tamnoplava | rgb (72, 61, 139) | # 483D8B |
tamnosila | rgb (47, 79, 79) | # 2F4F4F |
tamnosiva | rgb (47, 79, 79) | # 2F4F4F |
tamnotirkizno | rgb (0, 206, 209) | # 00CED1 |
tamnoljubičasta | rgb (148, 0, 211) | # 9400D3 |
tamnoružičasta | rgb (255, 20, 147) | # FF1493 |
tamnoplavo | rgb (0, 191, 255) | # 00BFFF |
tamno siva | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
vatrostalna opeka | rgb (178, 34, 34) | #B22222 |
cvjetnobijela | rgb (255, 250, 240) | # FFFAF0 |
šumskozeleno | rgb (34, 139, 34) | # 228B22 |
fuksija | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
duhbijeli | rgb (248, 248, 255) | # F8F8FF |
zlato | rgb (255, 215, 0) | # FFD700 |
zlatna palica | rgb (218, 165, 32) | # DAA520 |
siva | rgb (128, 128, 128) | #808080 |
zelena | rgb (0, 128, 0) | #008000 |
zelenkasto | rgb (173, 255, 47) | # ADFF2F |
siva | rgb (128, 128, 128) | #808080 |
medljika | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indijanciran | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
slonovača | rgb (255, 255, 240) | # FFFFF0 |
Khaki | rgb (240, 230, 140) | # F0E68C |
lavanda | rgb (230, 230, 250) | # E6E6FA |
rumenilo lavande | rgb (255, 240, 245) | # FFF0F5 |
travnjak | rgb (124, 252, 0) | # 7CFC00 |
limunšifon | rgb (255, 250, 205) | #FFFACD |
svijetlo plava | rgb (173, 216, 230) | # ADD8E6 |
svjetlokoral | rgb (240, 128, 128) | # F08080 |
svjetlocijan | rgb (224, 255, 255) | # E0FFFF |
svijetlozlatnožuto | rgb (250, 250, 210) | # FAFAD2 |
svijetlo siva | rgb (211, 211, 211) | # D3D3D3 |
svjetlozelena | rgb (144, 238, 144) | # 90EE90 |
Svijetlo siva | rgb (211, 211, 211) | # D3D3D3 |
lightpink | rgb (255, 182, 193) | # FFB6C1 |
svijetli losos | rgb (255, 160, 122) | # FFA07A |
svijetlozelena | rgb (32, 178, 170) | # 20B2AA |
svjetlosnoplava | rgb (135, 206, 250) | # 87CEFA |
svijetlosiva | rgb (119, 136, 153) | #778899 |
svijetlosiva | rgb (119, 136, 153) | #778899 |
svijetločeličnoplava | rgb (176, 196, 222) | # B0C4DE |
svijetlo žuto | rgb (255, 255, 224) | # FFFFE0 |
vapno | rgb (0, 255, 0) | # 00FF00 |
limeta zelena | rgb (50, 205, 50) | # 32CD32 |
posteljina | rgb (250, 240, 230) | # FAF0E6 |
purpurnocrven | rgb (255, 0, 255) | # FF00FF |
kesten | rgb (128, 0, 0) | #800000 |
srednjeakvamarin | rgb (102, 205, 170) | # 66CDAA |
srednja vrijednost | rgb (0, 0, 205) | # 0000CD |
srednjeorhideja | rgb (186, 85, 211) | # BA55D3 |
srednjeljubičasta | rgb (147, 112, 219) | # 9370D8 |
srednjemorskozeleno | rgb (60, 179, 113) | # 3CB371 |
srednje škriljastoplava | rgb (123, 104, 238) | # 7B68EE |
srednjeproljetnozeleno | rgb (0, 250, 154) | # 00FA9A |
srednjetirkizna | rgb (72, 209, 204) | # 48D1CC |
srednjeljubičasta | rgb (199, 21, 133) | #C71585 |
ponoćnoplava | rgb (25, 25, 112) | #191970 |
krema od mente | rgb (245, 255, 250) | # F5FFFA |
mistiroza | rgb (255, 228, 225) | # FFE4E1 |
moccasin | rgb (255, 228, 181) | # FFE4B5 |
navajo bijelo | rgb (255, 222, 173) | #FFDEAD |
mornarica | rgb (0, 0, 128) | #000080 |
stara čipka | rgb (253, 245, 230) | # FDF5E6 |
maslina | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
narančasta | rgb (255, 165, 0) | # FFA500 |
narančasto | rgb (255, 69, 0) | # FF4500 |
orhideja | rgb (218, 112, 214) | # DA70D6 |
blijedozlatnica | rgb (238, 232, 170) | # EEE8AA |
blijedozeleni | rgb (152, 251, 152) | # 98FB98 |
paleta tirkizna | rgb (175, 238, 238) | #AFEEEE |
palevioletred | rgb (219, 112, 147) | # D87093 |
papaja bič | 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 |
puderastoplava | rgb (176, 224, 230) | # B0E0E6 |
ljubičasta | rgb (128, 0, 128) | #800080 |
crvena | rgb (255, 0, 0) | # FF0000 |
ružičastosmeđa | rgb (188, 143, 143) | # BC8F8F |
kraljevski plava | rgb (65, 105, 225) | # 4169E1 |
sedlosmeđe | rgb (139, 69, 19) | # 8B4513 |
losos | rgb (250, 128, 114) | # FA8072 |
pješčanosmeđe | rgb (244, 164, 96) | # F4A460 |
morski zeleni | rgb (46, 139, 87) | # 2E8B57 |
školjka | rgb (255, 245, 238) | # FFF5EE |
Siena | rgb (160, 82, 45) | # A0522D |
srebro | rgb (192, 192, 192) | # C0C0C0 |
plavo nebo | rgb (135, 206, 235) | # 87CEEB |
škriljevca | rgb (106, 90, 205) | # 6A5ACD |
škriljevca | rgb (112, 128, 144) | #708090 |
škriljasto siva | rgb (112, 128, 144) | #708090 |
Snijeg | rgb (255, 250, 250) | #FFFAFA |
proljetnozelena | rgb (0, 255, 127) | # 00FF7F |
čeličnoplava | rgb (70, 130, 180) | # 4682B4 |
tako | rgb (210, 180, 140) | # D2B48C |
grogotovac | rgb (0, 128, 128) | #008080 |
čkalj | rgb (216, 191, 216) | # D8BFD8 |
rajčica | 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 |
bijela | rgb (255, 255, 255) | # FFFFFF |
bijeli dim | rgb (245, 245, 245) | # F5F5F5 |
žuta | rgb (255, 255, 0) | # FFFF00 |
žutozelena | rgb (154, 205, 50) | # 9ACD32 |
Znate li više kodova boja? Pozivamo vas da ih stavite u komentare kako biste proširili popis.