Tabela boja html plava. HTML Tutorial
U HTML-u, boja se može specificirati na tri načina:
Postavljanje boje u HTML-u prema njenom imenu
Neke boje se mogu specificirati njihovim imenom, koristeći naziv boje na engleskom kao vrijednost. 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 su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sistemu 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 naziv | 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 | Bondi beach water | #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 zelena | #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.
Heksadecimalni brojevi se koriste 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. Brojevi veći od 15 u heksadecimalnom sistemu formiraju se kombinovanjem dva broja u jedan. Na primjer, broj 255 u decimalnom obliku odgovara broju FF u heksadecimalu. Da bi se izbjegla zabuna u definiciji brojevnog sistema, heksadecimalnom broju prethodi heš simbol #, na primjer #666999. Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF. Tako je oznaka boje podijeljena na tri komponente #rrggbb, gdje prva dva znaka označavaju crvenu komponentu boje, dva srednja zelenu, a posljednja dva plavu. Dozvoljeno je koristiti skraćeni oblik #rgb, gdje svaki znak treba udvostručiti. Dakle, unos #fe0 treba smatrati #ffee00.
po imenu
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Pretraživači podržavaju neke boje po imenu. U tabeli. 1 prikazuje nazive, heksadecimalni kod, vrijednosti u RGB, HSL formatu i opis.
Ime | Boja | Šifra | RGB | HSL | Opis |
---|---|---|---|---|---|
bijela | #fffff ili #ffff | rgb(255,255,255) | hsl(0,0%,100%) | Bijelo | |
srebro | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Siva | |
siva | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Tamno siva | |
crna | #000000 ili #000 | rgb(0,0,0) | hsl(0,0%,0%) | Crno | |
maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Tamno crvena | |
crvena | #ff0000 ili #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Crveni | |
narandžasta | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Narandžasta | |
žuta | #ffff00 ili #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Žuta | |
maslina | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Maslina | |
kreč | #00ff00 ili #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | svijetlo zelena | |
zeleno | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Zeleno | |
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%) | Mornarsko plava | |
teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | plavo zeleno | |
fuksija | #ff00ff ili #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pink | |
ljubičasta | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Sa RGB
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Možete definirati boju koristeći crvene, zelene i plave vrijednosti u decimalnim terminima. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je prihvatljivo postaviti boju kao postotak, dok će 100% odgovarati broju 255. Prvo se specificira ključna riječ rgb, a zatim se komponente boje navedeno u zagradama, odvojeno zarezima, na primjer rgb(255, 128, 128) ili rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA format je po sintaksi sličan RGB-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.
RGBA je dodat u CSS3, tako da valjanost CSS koda treba da se izvrši prema ovoj verziji. Treba napomenuti da je CSS3 standard još uvijek u razvoju i da se neke njegove karakteristike mogu promijeniti. Na primjer, RGB boja dodana svojstvu background-color prolazi validaciju, ali boja dodana svojstvu background-color ne prolazi. Istovremeno, pretraživači sasvim ispravno razumiju boju za oba svojstva.
HSL
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Naziv HSL formata formiran je od kombinacije prvih slova Hue (nijansa), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotaču boja (slika 1) i određena je u stepenima. 0° je crvena, 120° je zelena, a 240° je plava. Vrijednost nijanse može varirati od 0 do 359.
Rice. 1. Točak boja
Zasićenost je intenzitet boje, mjeren u procentima od 0% do 100%. Vrijednost od 0% označava da nema boje i ima nijansu sive, 100% je maksimalna vrijednost zasićenja.
Svjetlost postavlja koliko je svijetla boja i specificira se kao postotak od 0% do 100%. Male vrednosti čine boju tamnijom, dok je visoke vrednosti čine svetlijom, ekstremne vrednosti od 0% i 100% odgovaraju crno-beloj.
HSLA
Internet Explorer | Chrome | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA format je po sintaksi sličan HSL-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.
Vrijednosti boja u formatima RGBA, HSL i HSLA se dodaju u CSS3, pa kada koristite ove formate, provjerite valjanost koda u odnosu na verziju.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Upozorenje
Sve metode hvatanja lava navedene na stranici su teorijske i bazirane na računskim metodama. Autori ne jamče vašu sigurnost kada ih koristite i odriču se bilo kakve odgovornosti za rezultat. Zapamtite, lav je grabežljivac i opasna životinja!
Rezultat ovog primjera prikazan je na sl. 2.
Rice. 2. Boje na web stranici
Kao što znate, boja može utjecati na stanje osobe: i psihičko i fizičko. Svakog dana, dok pretražujete 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 odabrane 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 svojim proizvodima daju različite karakteristike, 1996. godine stvoren je objedinjeni sistem sinteze boja zasnovan na RGB-u pod nazivom sRGB, na kojem su Microsoft i HP zajedno radili.
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 opsegom 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. Ova tabela 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 u ovom trenutku 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 hemijskog elementa zvanog 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, koristeći svijetle boje. Tehnološki napredak omogućava prikazivanje velikog broja boja na monitorima, što sliku čini realnijom.
Dobro loše
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 kodove 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 |