999999 html boja. Boja u stilovima se može postaviti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu
>>Upravljanje bojama
Heksadecimalne RGB vrijednosti boja
Metode za opisivanje i obradu boja razlikuju se jedna od druge po tome za koju konačnu reprezentaciju su namijenjene. Uporedimo, na primjer, prikaze boja za poligrafiju i za kompjuterske monitore. U prvom slučaju, osnova je bijela boja papira na koji se naknadno nanose tri osnovne boje: plava, ljubičasta i žuta. Miješajući se jedna s drugom i sa bijelom bojom papira u različitim omjerima, ove tri osnovne boje daju različite nijanse boja, osim čiste crne, ili u nedostatku boja koje daju Bijela boja papir. Ako im dodamo crno, dobićemo CMYK- način prenošenja boje kada se željena boja dobije oduzimanjem boja koje nedostaju od bijele.
U drugom slučaju, osnova je crna boja ekrana monitora, čija svaka ćelija svijetli u jednoj od tri boje: crvena-crveni, zeleno-zeleno i plava-plava. Tada, u potpunom odsustvu bilo kakvog sjaja, dobijamo čistu crnu boju ekrana, a bilo koja od traženih boja je data odnosom svake od tri boje. U ovom slučaju ćemo dobiti RGB- Metoda prijenosa boje. Primarne boje mogu imati značenje od 0
prije 255
, ili od 0%
prije 100%
, ili se može predstaviti kao heksadecimalna vrijednost. Na slici ispod možete vidjeti rezultate miješanja primarnih boja.
Heksadecimalni brojevni sistem, za razliku od decimalnog, nema deset cifara u nizu cifara, već šesnaest - otuda i naziv. Shodno tome, neponavljajuće varijante kombinacija dvije cifre mogu biti samo - 256 , za nastavak niza cifara nakon 9 pisma od A prije F, pa će red izgledati ovako -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
U ovom slučaju, boja je data sa tri heksadecimalna broja, od kojih se svaki sastoji od dvije znamenke. Prvi broj određuje intenzitet crvena boje, prosječne zeleno, zadnja stvar- plava boje. Svi brojevi mogu imati vrijednosti u rasponu od 00 prije FF(od 0 do 255). Na primjer: zelene boje dato kao #00FF00, crvena - kao #FF0000, plava - kao #0000FF, bijela - kao #FFFFFF, potpuno odsustvo boje ili crne boje se daje kao #000000 .
U donjem obrascu možete postaviti bilo koje heksadecimalne vrijednosti za svaku od tri boje i vidjeti rezultat njihovog miješanja klikom na polje za izlaz.
Primjeri nekih heksadecimalnih RGB vrijednosti boja: crvena, plava i zelena gradacija.
pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Određivanje boje s literalima niza
Radi lakšeg korišćenja, neke boje i njihove kombinacije dobile su nazive koje prepoznaju svi pretraživači i postalo je moguće postaviti mnoge od njih po imenu. Tabela ispod prikazuje neke od naziva boja:
pogled | ime | pogled | ime | pogled | ime | pogled | ime |
Bijelo | Crveni | Narandžasta | Žuta | ||||
Zeleno | Plava | Ljubičasta | Crno | ||||
Alice plava | antikno bijelo | Aqua | akvamarin | ||||
Azure | Bež | Bisque | blanchedalmond | ||||
Blueviolet | Brown | Burlywood | Kadetsko plavo | ||||
chartreuse | Čokolada | Coral | Cornflowerblue | ||||
Cornssilk | Crimson | cijan | tamno plava | ||||
Darkcyan | darkgoldenrod | tamno siva | tamno zelena | ||||
Darkkhaki | Darkmagenta | Darkolivegreen | darkrange | ||||
Darkorchid | tamno crvena | tamni losos | Tamnomorska zelena | ||||
tamno plava | tamno siva | tamnotirkizno | Darkviolet | ||||
Deeppink | duboko nebo plavo | Dimgray | dodger blue | ||||
Vatrogasna cigla | Cvjetno bijela | šumsko zeleno | Fuschia | ||||
Gainsboro | ghost white | Zlato | Goldenrod | ||||
siva | Greenyellow | Honeydew | hotpink | ||||
Indian Red | Indigo | Ivory | Kaki | ||||
Lavanda | Lavenderblush | Lemonchiffon | svijetlo plavo | ||||
lightcoral | lightcyan | lightcoldenrodyellow | svijetlo zelena | ||||
svijetlo siva | Lightpink | lagani losos | Svijetlo zelena | ||||
Lightskyblue | Svijetlo siva | svijetlo čelično plava | svijetložuta | ||||
kreč | Limegreen | posteljina | Magenta | ||||
maroon | srednje akvamarin | srednje plava | Srednja orhideja | ||||
Srednje ljubičasta | Mediumseagreen | Mediumslateblue | Mediumspringgreen | ||||
srednje tirkizno | srednjeljubičasta crvena | ponoćno plavo | mintcream | ||||
mistiroza | Navajowhite | mornarica | oldlace | ||||
Maslina | Oliverab | narandžasto crvena | Orhideja | ||||
palegoldenrod | Palegreen | paletirkizno | palevioletred | ||||
papayawhip | Peachpuff | Peru | Pink | ||||
Šljiva | Powderblue | Rosybrown | kraljevsko plavo | ||||
saddlebrown | seagreen | Školjka | Sienna | ||||
Srebro | nebo plavo | Slate plava | Slategray | ||||
Snijeg | Springgreen | čelično plava | Tan | ||||
Teal | Thistle | paradajz | Tirkizna | ||||
ljubičasta | Pšenica | Whitesmoke | žuto zeleno |
Korištenje sigurnog birača boja
Nažalost, na različitim platformama, sa različitim sistemskim postavkama, ispravna reprodukcija boja je problem. Stvar je u tome što pretraživač uvek pokušava da prilagodi paletu boja dokumenta sistemskim postavkama i mogućnostima monitora, mešanjem i zamenom boja samostalno. Kao rezultat toga, ponekad korisnik ne vidi baš ono što mu je webmaster želio pokazati. Izlaz iz ove situacije pronađen je u korišćenju palete, čija će svaka boja zagarantovano biti ista od strane svih pretraživača na različitim platformama. Ova tzv garantovano paleta, poznata i kao sigurno paleta. Ova paleta uključuje boje čije komponente boje poprimaju sljedeće vrijednosti: 00 ,33 ,66 ,99 , CC,FF, u svemu mogućem 216 njihove kombinacije.
pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
U HTML-u, boja se može specificirati na tri načina:
Postavljanje boje u HTML-u prema njenom imenu
Neke boje se mogu odrediti njihovim imenom, koristeći naziv boje na engleski jezik. Najčešće ključne riječi: crna (crna), bijela (bijela), crvena (crvena), zelena (zelena), plava (plava) itd.:
Boja teksta - crvena
Najpopularnije boje standarda World Wide Web Consortium (W3C) su:
Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
---|---|---|---|---|---|---|---|
Crno | siva | Srebro | Bijelo | ||||
Žuta | kreč | Aqua | Fuksija | ||||
Crveni | Zeleno | Plava | Ljubičasta | ||||
maroon | Maslina | mornarica | Teal |
Primjer korištenja različitih naziva boja:
Primjer: postavljanje boje prema njenom imenu
- Probajte sami"
Zaglavlje na crvenoj pozadini
Zaglavlje na narandžastoj pozadini
Zaglavlje na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Zaglavlje na crvenoj pozadini
Zaglavlje na narandžastoj pozadini
Zaglavlje na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Određivanje boje pomoću RGB
Kada se na monitoru prikazuju različite boje, kao osnova se uzima RGB paleta. Bilo koja boja se dobija mešanjem tri glavne: R - crveno, G - zelena (zelena), B - plava (plava). Svjetlina svake boje je data jednim bajtom i stoga može imati vrijednosti od 0 do 255. Na primjer, RGB (255,0,0) se prikazuje kao crvena jer je crvena postavljena na najveću vrijednost (255) i ostalo je postavljeno na 0. Boju možete postaviti i kao procenat. Svaki od parametara pokazuje nivo svjetline odgovarajuće boje. Na primjer: vrijednosti rgb(127, 255, 127) i rgb(50%, 100%, 50%) će postaviti istu zelenu boju srednje zasićenosti:
Primjer: Određivanje boje pomoću RGB-a
- Probajte sami"
rgb(127, 255, 127)
rgb (50%, 100%, 50%)
rgb(127, 255, 127)
rgb (50%, 100%, 50%)
Postavite boju po heksadecimalnoj vrijednosti
Vrijednosti R G B također se može specificirati koristeći heksadecimalne (HEX) vrijednosti boja u obliku: #RRGGBB gdje su RR (crvena), GG (zelena) i BB (plava) heksadecimalne vrijednosti od 00 do FF (isto kao decimalna 0- 255) . Heksadecimalni sistem, za razliku od decimalnog sistema, zasnovan je, kao što mu ime govori, na broju 16. Heksadecimalni sistem koristi sledeće znakove: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ovdje se zamjenjuju brojevi od 10 do 15 sa latiničnim slovima. Brojevi veći od 15 inča heksadecimalni sistem su unija dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimalnom obliku odgovara najvećem FF u heksadecimalnom. Za razliku od decimalnog sistema, heksadecimalnom broju prethodi znak funte. # , na primjer, #FF0000 se prikazuje kao crvena jer je crvena postavljena na svoju najvišu vrijednost (FF), a druge boje su postavljene na minimalnu vrijednost (00). Znakovi nakon heš simbola # može se pisati i velikim i malim slovima. Heksadecimalni sistem vam omogućava da koristite skraćeni oblik #rgb, gdje je svaki znak jednak dvaput. Dakle, unos #f7O treba smatrati #ff7700.
Primjer: Boja HEX
- Probajte sami"
crvena: #FF0000
zeleno: #00FF00
plava: #0000FF
crvena: #FF0000
zeleno: #00FF00
plava: #0000FF
crvena+zelena=žuta: #FFFF00
crvena+plava=ljubičasta: #FF00FF
zeleno+plavo=cijan: #00FFFF
Lista najčešće korištenih boja (naziv, HEX i RGB):
engleski naslov | Rusko ime | Uzorak | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarant | amarant | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | plavo zeleno | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Crno | Crno | #000000 | 0 | 0 | 0 | |
Plava | Plava | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Plaža Bondi | #0095B6 | 0 | 149 | 182 | |
Brass | Brass | #B5A642 | 181 | 166 | 66 | |
Brown | Brown | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
tamno proljetno zelena | Tamno proljetno zeleno | #177245 | 23 | 114 | 69 | |
Emerald | Emerald | #50C878 | 80 | 200 | 120 | |
Patlidžan | Patlidžan | #990066 | 153 | 0 | 102 | |
Fuksija | Fuksija | #FF00FF | 255 | 0 | 255 | |
Zlato | Zlato | #FFD700 | 250 | 215 | 0 | |
siva | Siva | #808080 | 128 | 128 | 128 | |
Zeleno | Zeleno | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
kreč | Lime | #CCFF00 | 204 | 255 | 0 | |
Malahit | Malahit | #0BDA51 | 11 | 218 | 81 | |
mornarica | Mornarsko plava | #000080 | 0 | 0 | 128 | |
Oker | Oker | #CC7722 | 204 | 119 | 34 | |
Maslina | Maslina | #808000 | 128 | 128 | 0 | |
Narandžasta | Narandžasta | #FFA500 | 255 | 165 | 0 | |
breskva | Breskva | #FFE5B4 | 255 | 229 | 180 | |
Tikva | Tikva | #FF7518 | 255 | 117 | 24 | |
Ljubičasta | Violet | #800080 | 128 | 0 | 128 | |
Crveni | Crveni | #FF0000 | 255 | 0 | 0 | |
Šafran | Šafran | #F4C430 | 244 | 196 | 48 | |
morsko zeleno | zeleno more | #2E8B57 | 46 | 139 | 87 | |
Močvarno zeleno | Bolotny | #ACB78E | 172 | 183 | 142 | |
Teal | plavo zeleno | #008080 | 0 | 128 | 128 | |
Ultramarin | ultramarin | #120A8F | 18 | 10 | 143 | |
ljubičasta | Violet | #8B00FF | 139 | 0 | 255 | |
Žuta | Žuta | #FFFF00 | 255 | 255 | 0 |
Kodovi boja (pozadina) prema zasićenosti i nijansama.
Kao što znate, boja može utjecati na stanje osobe: i psihičko i fizičko. Svakog dana, pretražujući internet, oči procjenjuju milione boja i nijansi. Web dizajner koji je upoznat sa psihologijom boja može kontrolirati raspoloženje posjetitelja kako bi postigao bilo koji cilj.
To je zbog činjenice da neke nijanse smiruju, a neke, naprotiv, uzbuđuju. Zatim ćemo govoriti o tome kako se boja sintetizira i prikazuje pomoću kompjuterske tehnologije.
RGB je model boja koji predstavlja metodu dobijanja svih boja i njihovih nijansi miješanjem u različitim proporcijama tri glavne komponente, a to su:
- Crvena boja ( Crveni);
- zelena boja ( Zeleno);
- plava boja ( Plava).
Odatle dolazi skraćeni naziv RGB. Ove boje su izabrane kao glavne s razlogom: razlog je fiziologija retine ljudskog oka i kako ih ono percipira:
RGB model je daleko najpopularniji i koristi se za reprodukciju boja na TV ekranima i kompjuterskim monitorima. Budući da proizvođači obdaruju svoje proizvode različite karakteristike, osnovana je 1996. godine jedan sistem sinteza boja zasnovana na RGB-u pod nazivom sRGB, na kojoj su zajednički radili Microsoft i HP.
Numerički prikaz boja
Kao što je ranije spomenuto, RGB boje se formiraju miješanjem primarnih boja. Da bi se opisao intenzitet svakog od njih, usvojena je šema u kojoj je boja predstavljena rasponom 0-255 (8 bita), što odgovara 00-FF u heksadecimalnom.
Odnosno, primarne boje će izgledati ovako:
- Crvena - RGB (255.0.0);
- Zelena - RGB (0.255.0);
- Plava - RGB (0.0.255);
Ako intenzitet boje ima vrijednosti manje od 255, tada se dobijaju različite nijanse crvene, zelene i plave. Slijedi tabela njihove gradacije, kao i heksadecimalne vrijednosti svake od nijansi:
RGB grafikoni boja
Naravno, pored gradacija primarnih boja, postoje i mješovite, a njihov broj je prilično velik. Stoga je kreirana tabela RGB boja u kojoj su prikazane sve postojeće nijanse, kao i njihova imena i numerički prikazi ( u decimalnom i heksadecimalnom obliku).
Ovdje je možete upoznati. Ovaj sto znatno olakšava život web dizajnerima, jer za nekoliko sekundi možete pronaći željenu nijansu i saznati njen brojčani prikaz.
Sigurna RGB paleta boja
Međutim, u jednom trenutku se pojavio problem prikazivanja boja u različitim pretraživačima, pa je za njegovo rješavanje sastavljena takozvana "sigurna" paleta RGB boja, koje su izvedene matematičkim proračunima.
Kada pretraživač ne može ispravno prikazati boju, pokušava se približiti onome što mu je potrebno miješanjem susjednih boja i najvjerovatnije će rezultat biti potpuno neprihvatljiv:
Koristeći RGB kodove boja iz ove palete, web programer može biti bezbrižan u pogledu prikazivanja boja na stranicama svoje web stranice kada se gledaju pomoću različitih pretraživača, platformi i monitora. Iako na ovog trenutka tabela sigurnih boja gubi na važnosti ( tehnološki napredak ne miruje), kada ga koristite, možete, kako kažu, mirno spavati.
Zlatna boja u RGB modelu
Po prvi put riječ "zlato" upotrijebljena je početkom XIV vijeka za opisivanje boje hemijski element pod nazivom Aurum - zlato. U RGB modelu, zlatna boja je predstavljena sljedećim brojčanim vrijednostima:
- RGB (255, 215, 0) - decimalni sistem;
- HEX #FFD700 - heksadecimalni sistem.
Bež boja u RGB modelu
Bež ima prilično značajno mjesto u istoriji, čak i ako nije najizrazitije. Mnogi spomenici kulture, posebno antičke skulpture, izrađeni su od steatita i sapunice, koji imaju bež nijansu. U RGB modelu, bež ima sljedeće numeričke prikaze:
- RGB (245, 245, 220) - decimalni sistem;
- HEX #F5F5DC - heksadecimalni sistem.
U današnje vrijeme, posebno na World Wide Webu, rijetko se može naći tako "dosadna" boja. Programeri preferiraju privlačan dizajn, korištenje svijetle boje. Tehnološki napredak omogućava prikazivanje velikog broja boja na monitorima, što sliku čini realnijom.
Dobro loše
Vlad Merzhevich
U HTML-u, boja se specificira na jedan od dva načina: korištenjem heksadecimalnog koda i imenom nekih boja. Metoda koja se najčešće koristi je zasnovana na heksadecimalnom sistemu, kao najuniverzalnijem.
Heksadecimalne boje
HTML koristi heksadecimalne brojeve za određivanje boja. Heksadecimalni sistem, za razliku od decimalnog, baziran je, kao što mu ime govori, na broju 16. Brojevi će biti sledeći: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Brojevi od 10 do 15 zamjenjuju se latiničnim slovima. U tabeli. 6.1 pokazuje korespondenciju između decimalnih i heksadecimalnih brojeva.
Brojevi veći od 15 u heksadecimalnom sistemu formiraju se kombinovanjem dva broja u jedan (tabela 6.2). Na primjer, broj 255 u decimalnom obliku odgovara broju FF u heksadecimalu.
Da bi se izbjegla zabuna u definiciji brojevnog sistema, heksadecimalnom broju prethodi znak funte #, na primjer #aa69cc. U ovom slučaju, velika i mala slova nisu bitna, pa je dozvoljeno pisati #F0F0F0 ili #f0f0f0.
Tipična boja koja se koristi u HTML-u je sljedeća.
Ovdje je boja pozadine web stranice postavljena na #FA8E47. Znak funte # ispred broja znači da je heksadecimalan. Prve dvije cifre (FA) definiraju crvenu komponentu boje, treća do četvrta cifra (8E) zelenu komponentu, a posljednje dvije cifre (47) plavu komponentu. Krajnji rezultat je ova boja.
FA | + | 8E | + | 47 | = | FA8E47 |
Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF, što na kraju formira 256 nijansi. Dakle, ukupan broj boja može biti 256x256x256 = 16.777.216 kombinacija. Model boja zasnovan na crvenoj, zelenoj i plavoj komponenti naziva se RGB (crvena, zelena, plava; crvena, zelena, plava). Ovaj model je aditivni (od dodati - dodati), u kojem dodavanjem sve tri komponente nastaje bela.
Da biste olakšali navigaciju u heksadecimalnim bojama, uzmite u obzir neka pravila.
- Ako su vrijednosti komponenti boje iste (na primjer: #D6D6D6), onda ćete dobiti siva nijansa. Kako više broja, što je svjetlija boja, mijenjajući se iz #000000 (crna) u #FFFFFF (bijela).
- Jarko crvena boja se formira ako je crvena komponenta maksimalna (FF), a ostale komponente postavljene na nulu. Boja s vrijednošću #FF0000 je najcrvenija moguća crvena nijansa. Sličan je slučaj i sa u zelenoj boji(#00FF00) i plava (#0000FF).
- Žuta(#FFFF00) se dobija mešanjem crvene sa zelenom. To se jasno vidi na krugu boja (slika 6.1), koji predstavlja primarne boje (crvena, zelena, plava) i komplementarne ili komplementarne. To uključuje žutu, cijan i ljubičastu (takođe se naziva magenta). Općenito, bilo koja boja se može dobiti miješanjem boja u blizini. Dakle, cijan (#00FFFF) se dobija kombinacijom plave i zelene.
Rice. 6.1. Krug u boji
Boje zasnovane na heksadecimalnim vrijednostima ne moraju biti empirijski odabrane. U tu svrhu je prikladan grafički uređivač koji može raditi s različitim modeli u boji kao što je Adobe Photoshop. Na sl. 6.2 prikazuje prozor za izbor boje u ovom programu, linija zaokružuje rezultirajuću heksadecimalnu vrijednost trenutne boje. Možete ga kopirati i zalijepiti u svoj kod.
Rice. 6.2. Birač boja u Photoshopu
Web Colors
Ako postavite kvalitet boje monitora na 8-bit (256 boja), ista boja može biti prikazana u različitim pretraživačima na svoj način. Ovo ima veze sa načinom na koji se grafika prikazuje kada pretraživač radi sa sopstvenom paletom i ne može da prikaže boju koja nije u njegovoj paleti. U ovom slučaju, boja se zamjenjuje kombinacijom piksela drugih, njoj bliskih, boja koje imitiraju datu. Kako bi boja ostala ista u različitim pretraživačima, uvedena je paleta takozvanih web boja. Web boje su takve boje, za svaku komponentu od kojih je - crvena, zelena i plava - postavljena jedna od šest vrijednosti - 0 (00), 51 (33), 102 (66), 153 (99), 204 (KZ), 255 (FF). Heksadecimalna vrijednost ove komponente je navedena u zagradama. Ukupno boje iz svih mogućih kombinacija daje 6x6x6 - 216 boja. Primjer web boje je #33FF66.
Glavna karakteristika web boje je da se ista prikazuje u svim pretraživačima. Trenutno je relevantnost web boja vrlo mala zbog poboljšanja kvaliteta monitora i proširenja njihovih mogućnosti.
Boje po imenu
Da ne biste zapamtili kolekciju brojeva, umjesto toga možete koristiti nazive najčešće korištenih boja. U tabeli. 6.3 prikazuje nazive popularnih naziva boja.
Naziv boje | Boja | Opis | Hex vrijednost |
---|---|---|---|
crna | Crno | #000000 | |
plava | Plava | #0000FF | |
fuksija | Svijetlo ljubičasta | #FF00FF | |
siva | Tamno siva | #808080 | |
zeleno | Zeleno | #008000 | |
kreč | svijetlo zelena | #00FF00 | |
maroon | Tamno crvena | #800000 | |
mornarica | Mornarsko plava | #000080 | |
maslina | Maslina | #808000 | |
ljubičasta | Tamno ljubičasta | #800080 | |
crvena | Crveni | #FF0000 | |
Srebro | svijetlo siva | #C0C0C0 | |
teal | plavo zeleno | #008080 | |
bijela | Bijelo | #FFFFFF | |
žuta | Žuta | #FFFF00 |
Nije bitno kako ćete odrediti boju - njenim imenom ili korištenjem heksadecimalnih brojeva. Po svom djelovanju ove metode su jednake. Primjer 6-1 pokazuje kako postaviti boju pozadine i teksta web stranice.
Primjer 6.1. Boja pozadine i teksta
Primer teksta
U ovom primjeru, boja pozadine je postavljena pomoću atributa bgcolor oznake
, i boju teksta kroz atribut teksta. Za raznolikost, vrijednost atributa teksta je postavljena na heksadecimalni broj, a bgcolor je postavljena na rezerviranu vrijednost. ključna riječ teal.Minecraft kodovi boje ili Minecraft kodovi formatiranje, omogućite bilo kojem igraču da dodaje cvijeće i formatira tekst na svaki mogući način upravo u Minecraftu. Kodovi boja od &0-9 do &a-f. Dodajte ih prije teksta. Poruke igrača mogu sadržavati kodovi boja, koji vam omogućavaju da dodate boju vašim rečenicama.
Boje i kodovi za formatiranje
Ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikazivanja teksta. Alternativno, tekst se može formatirati pomoću znaka & iza kojeg slijedi slovo. Možete dodati različite boje knjigama, komandnim blokovima, nazivu servera, opisu servera (motd), imenima svijeta, znakovima, pa čak i imenima igrača.
Vrlo je lako formatirati svoj tekst u konfiguracijama ili u igri koristeći donju tablicu boja. &r se koristi za brisanje svih kodova, tj. &mAAA&rBBB će biti prikazano kao AAA BBB.
Za vašu udobnost predstavljamo tabelu postojećih kodova boja u Minecraftu:
Šifra | Ime | Tehnički naziv | Boja simbola | Boja sjene simbola | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | hex | R | G | B | hex | |||
&0 | Crno | crna | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Mornarsko plava | tamno plava | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | tamno zelena | tamno zelena | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tamno plavo-zelena | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Tamno crvena | tamno crvena | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tamno ljubičasta | dark_purple | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Zlato | zlato | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Siva | siva | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tamno siva | tamno siva | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Plava | plava | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Zeleno | zeleno | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | plavo zeleno | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Crveni | crvena | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Svijetlo ljubičasta | svjetlo_ljubičasta | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Žuta | žuta | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Bijelo | bijela | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Ponekad je neophodno podvuci, podvuci, highlight neki tekst. Za to se koristi formatiranje teksta. Koristi se na isti način kao i boje (ispred teksta koji stavljamo kod, na primjer &lMinecraft= Minecraft.
Radi vaše udobnosti, ispod je tabela kodova za formatiranje:
Šifra | Ime |
---|---|
&k | magični tekst |
&l | Thumbnail |
&m | Precrtan tekst |
&n | Podvučeni tekst |
&o | Kurziv tekst |
&r | Tekst bez formatiranja |