U HTML-u boja se može odrediti na tri načina:
Postavljanje boje u HTML prema njezinom nazivu
Neke se boje mogu odrediti njihovim imenom, koristeći naziv boje na engleskom kao vrijednost. Najčešće ključne riječi: crno, bijelo, crveno, zeleno, plavo itd.:
Boja teksta – crvena
Najpopularnije boje standarda World Wide Web Consortium (W3C):
Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
---|---|---|---|---|---|---|---|
Crna | Sivo | Srebro | Bijela | ||||
Žuta boja | Vapno | Aqua | Fuksija | ||||
crvena | zelena | Plava | Ljubičasta | ||||
Kesten | Maslina | Mornarica | Teal |
Primjer korištenja različitih naziva boja:
Primjer: navođenje boje njezinim imenom
- Probajte sami »
Zaglavlje na crvenoj pozadini
Zaglavlje na narančastoj pozadini
Naslov na pozadini limete
Bijeli tekst na plavoj pozadini
Zaglavlje na crvenoj pozadini
Zaglavlje na narančastoj pozadini
Naslov na pozadini limete
Bijeli tekst na plavoj pozadini
Određivanje boje pomoću RGB-a
Prilikom prikaza različitih boja na monitoru kao osnova se koristi RGB paleta. Bilo koja boja se dobiva miješanjem tri osnovne: R - crveno, G - zelena, B - plava. Svjetlina svake boje dana je jednim bajtom i stoga može poprimiti vrijednosti od 0 do 255. Na primjer, RGB(255,0,0) se prikazuje kao crvena jer je crvena postavljena na najvišu vrijednost (255) i ostali su postavljeni na 0 Također možete postaviti boju kao postotak. Svaki parametar označava razinu 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 prema heksadecimalnoj vrijednosti
Vrijednosti R G B također se može specificirati pomoću heksadecimalnih (HEX) vrijednosti boja u obliku: #RRGGBB gdje su RR (crvena), GG (zelena) i BB (plava) heksadecimalne vrijednosti od 00 do FF (isto kao decimalne 0-255 ) . Heksadecimalni sustav, za razliku od decimalnog, temelji se, kao što mu i samo ime kaže, na broju 16. Heksadecimalni sustav koristi sljedeće znakove: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ovdje su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sustavu predstavljaju se kombinacijom dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimali odgovara najvišoj vrijednosti FF u heksadecimali. Za razliku od decimalnog sustava, heksadecimalnom broju prethodi simbol hash. # , na primjer, #FF0000 prikazana je kao crvena jer je crvena postavljena na najveću vrijednost (FF), a ostale boje na minimalnu vrijednost (00). Znakovi iza simbola hash # Možete upisivati i velika i mala slova. Heksadecimalni sustav omogućuje vam korištenje skraćenog oblika #rgb, gdje je svaki znak ekvivalent dvostrukom. Stoga bi se unos #f7O trebao smatrati #ff7700.
Primjer: HEX boja
- Probajte sami »
crvena: #FF0000
zelena: #00FF00
plava: #0000FF
crvena: #FF0000
zelena: #00FF00
plava: #0000FF
crveno+zeleno=žuto: #FFFF00
crvena+plava=ljubičasta: #FF00FF
zelena+plava=cijan: #00FFFF
Popis uobičajenih boja (naziv, HEX i RGB):
engleski naziv | rusko ime | Uzorak | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarant | Amarant | #E52B50 | 229 | 43 | 80 | |
Jantar | Jantar | #FFBF00 | 255 | 191 | 0 | |
Aqua | Plavo-zelena | #00FFFF | 0 | 255 | 255 | |
Azurno | Azurno | #007FFF | 0 | 127 | 255 | |
Crna | Crna | #000000 | 0 | 0 | 0 | |
Plava | Plava | #0000FF | 0 | 0 | 255 | |
Bondi plava | Voda na plaži Bondi | #0095B6 | 0 | 149 | 182 | |
Mjed | Mjed | #B5A642 | 181 | 166 | 66 | |
Smeđa | Smeđa | #964B00 | 150 | 75 | 0 | |
Tamnoplave boje | Azurno | #007BA7 | 0 | 123 | 167 | |
Tamno proljetno zelena | Tamno proljetno zelena | #177245 | 23 | 114 | 69 | |
Smaragd | Smaragd | #50C878 | 80 | 200 | 120 | |
Patlidžan | Patlidžan | #990066 | 153 | 0 | 102 | |
Fuksija | Fuksija | #FF00FF | 255 | 0 | 255 | |
Zlato | Zlato | #FFD700 | 250 | 215 | 0 | |
Sivo | Sivo | #808080 | 128 | 128 | 128 | |
zelena | zelena | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Žad | Žad | #00A86B | 0 | 168 | 107 | |
Vapno | Vapno | #CCFF00 | 204 | 255 | 0 | |
Malahit | Malahit | #0BDA51 | 11 | 218 | 81 | |
Mornarica | Tamnoplava | #000080 | 0 | 0 | 128 | |
Oker | Oker | #CC7722 | 204 | 119 | 34 | |
Maslina | Maslina | #808000 | 128 | 128 | 0 | |
Narančasto | Narančasto | #FFA500 | 255 | 165 | 0 | |
Breskva | Breskva | #FFE5B4 | 255 | 229 | 180 | |
Bundeva | Bundeva | #FF7518 | 255 | 117 | 24 | |
Ljubičasta | ljubičica | #800080 | 128 | 0 | 128 | |
crvena | crvena | #FF0000 | 255 | 0 | 0 | |
Šafran | Šafran | #F4C430 | 244 | 196 | 48 | |
Zeleno more | Zeleno more | #2E8B57 | 46 | 139 | 87 | |
Močvarno zelena | Bolotny | #ACB78E | 172 | 183 | 142 | |
Teal | Plavo-zelena | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | #120A8F | 18 | 10 | 143 | |
ljubičica | ljubičica | #8B00FF | 139 | 0 | 255 | |
Žuta boja | Žuta boja | #FFFF00 | 255 | 255 | 0 |
Kodovi boja (pozadine) prema zasićenosti i nijansi.
Kao što znate, boja može utjecati na stanje osobe: psihičko i fizičko. Svaki dan, dok pregledavate web stranice na internetu, oči procjenjuju milijune boja i nijansi. Web dizajner koji je upoznat s psihologijom boja može manipulirati raspoloženjem posjetitelja kako bi postigao određene ciljeve.
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 računalne tehnologije.
RGB je model boja koji predstavlja način dobivanja svih boja i njihovih nijansi miješanjem u različitim omjerima tri glavne komponente, a to su:
- crvena ( crvena);
- zelena ( zelena);
- plava boja ( Plava).
Odatle dolazi i skraćeni naziv RGB. Ove boje su odabrane kao glavne s razlogom: razlog je fiziologija mrežnice ljudskog oka i kako ih ono percipira:
RGB model ostaje najpopularniji i danas i koristi se za reprodukciju boja na TV ekranima i računalnim monitorima. Budući da proizvođači svojim proizvodima daju različite karakteristike, 1996. godine stvoren je jedinstveni sustav sinteze boja baziran na RGB-u nazvan sRGB, na kojem su zajedno radili Microsoft i HP.
Numerički prikaz boje
Kao što je ranije spomenuto, RGB boje nastaju miješanjem primarnih boja. Kako bi se opisao intenzitet svake od njih, usvojena je shema u kojoj je boja predstavljena rasponom 0-255 (8 bitova), što u heksadecimalnom zapisu odgovara 00-FF.
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 dobivaju različite nijanse crvene, zelene i plave. Slijedi tablica njihovih gradacija, kao i heksadecimalne vrijednosti svake od nijansi:
RGB tablice boja
Naravno, osim stupnjevanja primarnih boja, postoje i mješovite boje, a njihov broj je prilično velik. Stoga je napravljena tablica RGB boja u kojoj su prikazane sve postojeće nijanse, kao i njihovi nazivi i numerički prikazi ( u decimalnom i heksadecimalnom obliku).
Možete ga pogledati ovdje. Ova tablica uvelike olakšava život web dizajnerima jer u nekoliko sekundi možete pronaći željenu nijansu i saznati njen brojčani prikaz.
Sigurna RGB paleta boja
Međutim, u jednom trenutku pojavio se problem s prikazom boja u različitim preglednicima, a kako bi se to riješilo, sastavljena je takozvana "sigurna" paleta RGB boja, koje su izvedene matematičkim izračunima.
Kada preglednik ne može pravilno prikazati boju, pokušat će dobiti nešto približno onome što treba miješanjem susjednih boja, a najvjerojatnije će rezultat biti potpuno neprihvatljiv:
Korištenjem RGB kodova boja iz ove palete, web programer može biti bezbrižan u pogledu prikaza boja na stranicama svoje web stranice kada se gledaju pomoću različitih preglednika, platformi i monitora. Iako u ovom trenutku tablica sigurnih boja gubi na važnosti ( tehnološki napredak još uvijek ne miruje), kada ga koristite možete, kako kažu, mirno spavati.
Zlatna boja u RGB modelu
Riječ "zlato" prvi put je korištena početkom 14. stoljeća za opis boje kemijskog elementa koji se zove Aurum - zlato. U RGB modelu zlatna boja predstavljena je sljedećim numeričkim vrijednostima:
- RGB (255, 215, 0) – decimalni sustav;
- HEX #FFD700 – heksadecimalni sustav.
Bež boja u RGB modelu
Bež boja zauzima prilično značajno mjesto u povijesti, čak i ako nije najizražajnija. Mnogi spomenici kulture, posebno antičke skulpture, izrađeni su od sapunice i sapunice, koji imaju bež nijansu. U RGB modelu, bež ima sljedeće numeričke prikaze:
- RGB (245, 245, 220) – decimalni sustav;
- HEX #F5F5DC – heksadecimalni sustav.
U današnje vrijeme, posebno na World Wide Webu, rijetkost je vidjeti tako "dosadnu" boju. Programeri daju prednost privlačnom dizajnu koristeći svijetle boje. Tehnološki napredak omogućuje prikaz kolosalnog broja boja na monitorima, što sliku čini realističnijom.
Dobro Loše
Za određivanje boja koriste se heksadecimalni brojevi. Heksadecimalni sustav, za razliku od decimalnog, temelji se, kao što mu i samo ime kaže, na broju 16. Brojevi će biti sljedeći: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Brojevi od 10 do 15 zamijenjeni su latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sustavu nastaju spajanjem dva broja u jedan. Na primjer, broj 255 u decimali odgovara broju FF u heksadecimali. Kako bi se izbjegla zabuna pri određivanju brojevnog sustava, ispred heksadecimalnog broja stavlja se hash simbol #, na primjer #666999. Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF. Tako je simbol boje podijeljen na tri komponente #rrggbb, gdje prva dva simbola označavaju crvenu komponentu boje, srednja dva - zelenu, a posljednja dva - plavu. Dopušteno je koristiti skraćeni oblik #rgb, gdje svaki znak treba udvostručiti. Dakle, unos #fe0 treba smatrati #ffee00.
Po imenu
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Preglednici podržavaju neke boje prema njihovom nazivu. U tablici 1 prikazuje nazive, heksadecimalni kod, RGB, HSL vrijednosti i opis.
Ime | Boja | Kodirati | RGB | HSL | Opis |
---|---|---|---|---|---|
bijela | #ffffff ili #fff | rgb(255,255,255) | hsl(0,0%,100%) | Bijela | |
srebro | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Sivo | |
siva | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Tamno siva | |
crna | #000000 ili #000 | rgb(0,0,0) | hsl(0,0%,0%) | Crna | |
kesten | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Tamno crvena | |
crvena | #ff0000 ili #f00 | rgb(255,0,0) | hsl(0,100%,50%) | crvena | |
narančasta | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Narančasto | |
žuta boja | #ffff00 ili #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Žuta boja | |
maslina | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Maslina | |
vapno | #00ff00 ili #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Svijetlo zelena | |
zelena | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | zelena | |
aqua | #00ffff ili #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Plava | |
plava | #0000ff ili #00f | rgb(0,0,255) | hsl(240,100%,50%) | Plava | |
mornarica | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Tamnoplava | |
plavozelena | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Plavo-zelena | |
fuksija | #ff00ff ili #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Ružičasta | |
ljubičasta | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | ljubičica |
Korištenje RGB-a
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Boju možete definirati pomoću vrijednosti crvene, zelene i plave u decimalnom obliku. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je dopušteno navesti boju kao postotak, pri čemu 100% odgovara broju 255. Prvo navedite ključnu riječ rgb, a zatim navedite komponente boje u zagradama , odvojene zarezima, na primjer rgb(255 , 128, 128) ili rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format RGBA sličan je sintaksi RGB-u, ali uključuje alfa kanal koji određuje prozirnost elementa. Vrijednost 0 je potpuno prozirna, 1 je neprozirna, a srednja vrijednost poput 0,5 je poluprozirna.
RGBA je dodan u CSS3, tako da se CSS kod mora provjeriti u odnosu na ovu verziju. Treba napomenuti da je standard CSS3 još uvijek u razvoju i da se neke značajke mogu promijeniti. Na primjer, boja u RGB formatu dodana svojstvu boje pozadine je potvrđena, ali ona dodana svojstvu pozadine više nije važeća. U isto vrijeme, preglednici sasvim ispravno razumiju boju za oba svojstva.
HSL
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Naziv HSL formata izveden je iz kombinacije prvih slova Hue (boja), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotačiću boja (slika 1) i daje se u stupnjevima. 0° odgovara crvenoj, 120° zelenoj, a 240° plavoj boji. Vrijednost nijanse može varirati od 0 do 359.
Riža. 1. Kotačić boja
Zasićenost je intenzitet boje i mjeri se u postotku od 0% do 100%. Vrijednost od 0% označava odsustvo boje i nijansu sive, 100% je najveća vrijednost za zasićenost.
Svjetlina određuje koliko je boja svijetla i navedena je kao postotak od 0% do 100%. Niske vrijednosti čine boju tamnijom, a visoke vrijednosti čine boju svjetlijom; ekstremne vrijednosti od 0% i 100% odgovaraju crnoj i bijeloj.
HSLA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA format sličan je sintaksi HSL-u, ali uključuje alfa kanal za određivanje transparentnosti elementa. Vrijednost 0 je potpuno prozirna, 1 je neprozirna, a srednja vrijednost poput 0,5 je poluprozirna.
Vrijednosti boja RGBA, HSL i HSLA dodane su u CSS3, stoga provjerite valjanost verzije koda kada koristite ove formate.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Upozorenje
Sve metode hvatanja lavova navedene na stranici su teoretske i temeljene na računalnim metodama. Autori ne jamče vašu sigurnost prilikom korištenja i odriču se svake odgovornosti za rezultate. Zapamtite, lav je grabežljivac i opasna životinja!
Rezultat ovog primjera prikazan je na sl. 2.
Riža. 2. Boje na web stranici
Vlad Merzhevich
U HTML-u boja se određuje na jedan od dva načina: pomoću heksadecimalnog koda i imenom određenih boja. Pretežno se koristi metoda koja se temelji na heksadecimalnom sustavu brojeva jer je najuniverzalnija.
Heksadecimalne boje
HTML koristi heksadecimalne brojeve za određivanje boja. Heksadecimalni sustav, za razliku od decimalnog, temelji se, kao što mu i samo ime kaže, na broju 16. Brojevi će biti sljedeći: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Brojevi od 10 do 15 zamijenjeni su latiničnim slovima. U tablici 6.1 prikazuje korespondenciju između decimalnih i heksadecimalnih brojeva.
Brojevi veći od 15 u heksadekadskom sustavu nastaju spajanjem dvaju brojeva u jedan (tablica 6.2). Na primjer, broj 255 u decimali odgovara broju FF u heksadecimali.
Kako bi se izbjegla zabuna pri definiranju brojevnog sustava, heksadecimalnom broju prethodi simbol #, na primjer #aa69cc. U ovom slučaju velika i mala slova nisu bitna, pa je dopušteno napisati #F0F0F0 ili #f0f0f0.
Tipična boja koja se koristi u HTML-u izgleda ovako.
Ovdje je boja pozadine web stranice postavljena na #FA8E47. Simbol hash # ispred broja znači da je heksadecimalni. Prve dvije znamenke (FA) definiraju crvenu komponentu boje, treće do četvrte znamenke (8E) definiraju zelenu komponentu, a posljednje dvije znamenke (47) definiraju plavu komponentu. Krajnji rezultat će biti ova boja.
FA. | + | 8E | + | 47 | = | FA8E47 |
Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF, što rezultira ukupno 256 nijansi. Dakle, ukupan broj boja može biti 256x256x256 = 16.777.216 kombinacija. Model boja temeljen na crvenoj, zelenoj i plavoj komponenti naziva se RGB (red, green, blue). Ovaj model je aditivni (od add - dodati), u kojem zbrajanje sve tri komponente tvori bijelu boju.
Da biste se lakše snalazili u heksadecimalnim bojama, uzmite u obzir neka pravila.
- Ako su vrijednosti komponenti boje iste (na primjer: #D6D6D6), tada će rezultat biti siva nijansa. Što je veći broj, to je boja svjetlija, s vrijednostima u rasponu od #000000 (crna) do #FFFFFF (bijela).
- Jarko crvena boja nastaje ako je crvena komponenta maksimalna (FF), a preostale komponente postavljene na nulu. Boja s vrijednošću #FF0000 je najcrvenija moguća crvena nijansa. Isto vrijedi za zelenu (#00FF00) i plavu (#0000FF).
- Žuta (#FFFF00) nastaje miješanjem crvene i zelene. To je jasno vidljivo na kotaču boja (slika 6.1), koji predstavlja primarne boje (crvena, zelena, plava) i komplementarne ili dodatne boje. To uključuje žutu, cijan i ljubičastu (koja se naziva i magenta). Općenito, bilo koja boja može se dobiti miješanjem boja bliskih njoj. Tako se cijan (#00FFFF) dobiva kombinacijom plave i zelene.
Riža. 6.1. Kotačić boja
Boje temeljene na heksadecimalnim vrijednostima ne moraju biti empirijski odabrane. U tu svrhu prikladan je grafički uređivač koji može raditi s različitim modelima boja, na primjer, Adobe Photoshop. Na sl. Slika 6.2 prikazuje prozor za odabir boje u ovom programu; rezultirajuća heksadecimalna vrijednost trenutne boje označena je linijom. Možete ga kopirati i zalijepiti u svoj kod.
Riža. 6.2. Prozor za odabir boja u Photoshopu
Web boje
Ako kvalitetu prikaza boja monitora postavite na 8-bitnu (256 boja), tada se ista boja može različito prikazati u različitim preglednicima. To je zbog načina na koji se grafika prikazuje, kada preglednik radi s vlastitom paletom i ne može prikazati boju koja nije u njegovoj paleti. U ovom slučaju, boja se zamjenjuje kombinacijom piksela drugih, njoj bliskih boja koje oponašaju zadanu. Kako bismo osigurali da boja ostane ista u različitim preglednicima, uvedena je paleta takozvanih web boja. Web boje su one boje za koje je svaka komponenta - crvena, zelena i plava - postavljena na jednu od šest vrijednosti - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Heksadecimalna vrijednost ove komponente navedena je u zagradama. Ukupan broj boja iz svih mogućih kombinacija daje 6x6x6 - 216 boja. Primjer web boje je #33FF66.
Glavna značajka web boje je da se pojavljuje jednako u svim preglednicima. U ovom trenutku, relevantnost web boja je vrlo mala zbog poboljšanja kvalitete monitora i proširenja njihovih mogućnosti.
Boje po imenu
Kako ne biste morali pamtiti skup brojeva, umjesto toga možete koristiti nazive boja koje se često koriste. U tablici 6.3 prikazuje imena popularnih naziva boja.
Naziv boje | Boja | Opis | Heksadecimalna vrijednost |
---|---|---|---|
crna | Crna | #000000 | |
plava | Plava | #0000FF | |
fuksija | Svijetloljubičasta | #FF00FF | |
siva | Tamno siva | #808080 | |
zelena | zelena | #008000 | |
vapno | Svijetlo zelena | #00FF00 | |
kesten | Tamno crvena | #800000 | |
mornarica | Tamnoplava | #000080 | |
maslina | Maslina | #808000 | |
ljubičasta | Tamnoljubičasta | #800080 | |
crvena | crvena | #FF0000 | |
srebro | Svijetlo siva | #C0C0C0 | |
plavozelena | Plavo-zelena | #008080 | |
bijela | Bijela | #FFFFFF | |
žuta boja | Žuta boja | #FFFF00 |
Nije važno navedete li boju imenom ili pomoću heksadecimalnih brojeva. Ove su metode jednake po učinku. Primjer 6.1 pokazuje kako postaviti boju pozadine i teksta web stranice.
Primjer 6.1. Boja pozadine i teksta
Primjer teksta
U ovom primjeru, boja pozadine postavljena je pomoću atributa bgcolor oznake
, a boju teksta kroz atribut teksta. Radi raznolikosti, atribut teksta postavljen je na heksadecimalni broj, a atribut bgcolor postavljen je na rezerviranu ključnu riječ teal.Minecraft kodovi cvijeće, odnosno Minecraft šifre formatiranje, omogućuju bilo kojem igraču dodavanje cvijeća i oblikovanje teksta na svaki mogući način izravno u Minecraftu. Kodovi boja od &0-9 - do &a-f. Dodajte ih prije teksta. Poruke igrača mogu sadržavati kodove boja koji vam omogućuju da dodate boju svojim rečenicama.
Boje i kodovi oblikovanja
Znak ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da mijenja boje prilikom prikaza teksta. Dodatno, tekst se može oblikovati sa & iza kojeg slijedi slovo. Možete dodati različite boje knjigama, blokovima naredbi, nazivu poslužitelja, opisu poslužitelja (motd), imenima svijeta, znakovima, pa čak i imenima igrača.
Vrlo je jednostavno oblikovati svoj tekst u konfiguracijama ili u igri koristeći donju tablicu boja. &r se koristi za resetiranje svih kodova, tj. &mAAA&rBBB bit će prikazan kao AAA BBB.
Predstavljamo tablicu postojećih kodova boja u Minecraftu radi vaše udobnosti:
Kodirati | Ime | Tehnički naziv | Boja simbola | Boja sjene simbola | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Crna | crna | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tamnoplava | 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 | tamna_voda | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Tamno crvena | tamno_crvena | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tamnoljubičasta | tamno_ljubičasta | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Zlato | zlato | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Sivo | 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 | zelena | zelena | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Plavo-zelena | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
i c | crvena | crvena | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Svijetloljubičasta | svijetlo_ljubičasta | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Žuta boja | žuta boja | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Bijela | bijela | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Ponekad je potrebno podcrtaj, precrtaj, istaknuti bilo koji tekst. To se radi pomoću oblikovanja teksta. Koristi se na potpuno isti način kao i boje (stavljamo ispred teksta kodirati, na primjer &lMinecraft = Minecraft.
Radi vaše udobnosti, u nastavku je tablica kodova za oblikovanje:
Kodirati | Ime |
---|---|
&k | Čarobni tekst |
&l | Podebljani tekst |
&m | Precrtani tekst |
&n | Podcrtani tekst |
&o | Kurziv teksta |
& r | Tekst bez oblikovanja |