U HTML-u se boja može postaviti na tri načina:
Postavljanje boje u HTML-u prema njenom imenu
Neke boje mogu se odrediti njihovim imenom, koristeći naziv boje na engleskom kao vrijednost. Najčešće ključne riječi su crna, bijela, crvena, zelena, plava itd.
Boja teksta - crvena
Najpopularnije boje standarda World Wide Web Consortium (W3C):
Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
---|---|---|---|---|---|---|---|
Crno | Siva | Srebro | Bijeli | ||||
Žuta boja | Vapno | Aqua | Fuksija | ||||
Crvena | Zelena | Plava | Ljubičasta | ||||
Kesten | Maslina | Mornarica | Teal |
Primjer korištenja različitih naziva boja:
Primjer: postavljanje boje prema njenom imenu
- Pokušajte sami"
Smjer na crvenoj pozadini
Smjer na narančastoj pozadini
Naslov na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Smjer na crvenoj pozadini
Smjer na narančastoj pozadini
Naslov na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Određivanje boje pomoću RGB-a
Kada se na monitoru prikazuju različite boje, temelji se na RGB paleti. Bilo koja boja se dobiva miješanjem tri glavne: R - crveno (crveno), G - zelena (zelena), B - plava... Svjetlina svake boje određena je 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 najvišu vrijednost (255) i ostatak je postavljen na 0 Boju također možete postaviti kao postotak. Svaki od parametara označava razinu svjetline odgovarajuće boje. Na primjer: rgb (127, 255, 127) i rgb (50%, 100%, 50%) postavit će isto zeleno srednje zasićenje:
Primjer: Određivanje boje pomoću RGB-a
- Pokušajte sami"
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
Heksadecimalna postavka boje
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 decimalna 0-255 ) ... Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, na broju 16. Heksadecimalni sustav koristi sljedeće znakove: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, S, D, E, F. Ovdje su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalu predstavljaju kombinaciju dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimalnom obliku je najveći FF u heksadecimalni. Za razliku od decimalnog sustava, ispred heksadecimalnog broja stavlja se hash simbol # na primjer, # FF0000 se prikazuje kao crvena jer je crvena postavljena na najvišu vrijednost (FF), a ostale boje su postavljene na minimalnu vrijednost (00). Znakovi iza simbola hash # možete upisivati i velikim i malim slovima. Heksadecimalni sustav omogućuje vam korištenje skraćenog oblika kao što je #rgb, gdje je svaki znak ekvivalentan dvostrukom. Dakle, unos # f7O treba smatrati # ff7700.
Primjer: Boja HEX
- Pokušajte sami"
crvena: # FF0000
zelena: # 00FF00
plava: # 0000FF
crvena: # FF0000
zelena: # 00FF00
plava: # 0000FF
crvena + zelena = žuta: # FFFF00
crvena + plava = ljubičasta: # FF00FF
zelena + plava = cijan: # 00FFFF
Popis uobičajenih boja (naziv, HEX i RGB):
englesko ime | Rusko ime | Uzorak | HEX | RGB | ||
---|---|---|---|---|---|---|
Amarant | Amarant | # E52B50 | 229 | 43 | 80 | |
jantar | jantar | # FFBF00 | 255 | 191 | 0 | |
Aqua | Plavo zeleno | # 00FFFF | 0 | 255 | 255 | |
Azurno | Azurno | # 007FFF | 0 | 127 | 255 | |
Crno | Crno | #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 zeleno | Tamno proljetno zeleno | #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 | |
Siva | Siva | #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 | mornarsko plava | #000080 | 0 | 0 | 128 | |
Oker | Oker | # CC7722 | 204 | 119 | 34 | |
Maslina | Maslina | #808000 | 128 | 128 | 0 | |
naranča | naranča | # FFA500 | 255 | 165 | 0 | |
Breskva | Breskva | # FFE5B4 | 255 | 229 | 180 | |
Bundeva | Bundeva | # FF7518 | 255 | 117 | 24 | |
Ljubičasta | Ljubičasta | #800080 | 128 | 0 | 128 | |
Crvena | Crvena | # FF0000 | 255 | 0 | 0 | |
Šafran | Šafran | # F4C430 | 244 | 196 | 48 | |
More zeleno | Zeleno more | # 2E8B57 | 46 | 139 | 87 | |
Močvarno zelena | Močvara | # ACB78E | 172 | 183 | 142 | |
Teal | Plavo zeleno | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | # 120A8F | 18 | 10 | 143 | |
Ljubičasta | Ljubičasta | # 8B00FF | 139 | 0 | 255 | |
Žuta boja | Žuta boja | # FFFF00 | 255 | 255 | 0 |
Kodovi boja (pozadina) prema zasićenosti i nijansama.
CSS kodovi boja koriste se za određivanje boje. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje za prednji plan elementa (na primjer, boja teksta, boja veze) ili za pozadinu elementa (boja pozadine, boja bloka). Također se mogu koristiti za promjenu boje gumba, obruba, markera, lebdenja i drugih ukrasnih efekata.
Možete postaviti vlastite vrijednosti boja u različitim formatima. Sljedeća tablica navodi sve moguće formate:
Navedeni formati su detaljnije opisani u nastavku.
CSS boje - heksadecimalni kodovi
Heksadecimalni kod boja je šesteroznamenkasti prikaz boje. Prve dvije znamenke (RR) predstavljaju crvenu vrijednost, sljedeće dvije predstavljaju zelenu vrijednost (GG), a posljednje dvije predstavljaju plavu vrijednost (BB).
CSS boje - kratki heksadecimalni kodovi
Kratki heksadecimalni kod boje je kraći oblik šesteroznamenkastih zapisa. U ovom formatu svaka znamenka se ponavlja kako bi se dobila ekvivalentna šesteroznamenkasta vrijednost boje. Na primjer: # 0F0 postaje # 00FF00.
Heksadecimalna vrijednost može se uzeti iz bilo kojeg grafičkog softvera kao što je Adobe Photoshop, Core Draw, itd.
Svakom heksadecimalnom kodu boje u CSS-u prethodit će hash znak "#". Slijede primjeri korištenja heksadecimalnog zapisa.
CSS boje - RGB vrijednosti
RGB vrijednost je kod boje koji se postavlja pomoću svojstva rgb (). Ovo svojstvo ima tri vrijednosti, po jednu za crvenu, zelenu i plavu. Vrijednost može biti cijeli broj, od 0 do 255, ili postotak.
Bilješka: ne podržavaju svi preglednici svojstvo boje rgb (), pa se ne preporučuje da ga koristite.
Ispod je primjer koji prikazuje više boja pomoću RGB vrijednosti.
Generator kodova boja
Pomoću naše usluge možete stvoriti milijune kodova boja.
Sigurne boje preglednika
Ispod je tablica od 216 boja koje su najsigurnije i najneovisnije o računalu. Ove CSS boje se kreću od 000000 do FFFFFF heksadecimalno. Sigurni su za korištenje jer osiguravaju da sva računala ispravno prikazuju boju kada rade s paletom od 256 boja.
CSS "sigurna" tablica boja | |||||
#000000 | #000033 | #000066 | #000099 | # 0000CC | # 0000FF |
#003300 | #003333 | #003366 | #003399 | # 0033CC | # 0033FF |
#006600 | #006633 | #006666 | #006699 | # 0066CC | # 0066FF |
#009900 | #009933 | #009966 | #009999 | # 0099CC | # 0099FF |
# 00CC00 | # 00CC33 | # 00CC66 | # 00CC99 | # 00CCCC | # 00CCFF |
# 00FF00 | # 00FF33 | # 00FF66 | # 00FF99 | # 00FFCC | # 00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | # 3300FF |
#333300 | #333333 | #333366 | #333399 | # 3333CC | # 3333FF |
#336600 | #336633 | #336666 | #336699 | # 3366CC | # 3366FF |
#339900 | #339933 | #339966 | #339999 | # 3399CC | # 3399FF |
# 33CC00 | # 33CC33 | # 33CC66 | # 33CC99 | # 33CCCC | # 33CCFF |
# 33FF00 | # 33FF33 | # 33FF66 | # 33FF99 | # 33FFCC | # 33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | # 6600FF |
#663300 | #663333 | #663366 | #663399 | # 6633CC | # 6633FF |
#666600 | #666633 | #666666 | #666699 | # 6666CC | # 6666FF |
#669900 | #669933 | #669966 | #669999 | # 6699CC | # 6699FF |
# 66CC00 | # 66CC33 | # 66CC66 | # 66CC99 | # 66CCCC | # 66CCFF |
# 66FF00 | # 66FF33 | # 66FF66 | # 66FF99 | # 66FFCC | # 66FFFF |
#990000 | #990033 | #990066 | #990099 | # 9900CC | # 9900FF |
#993300 | #993333 | #993366 | #993399 | # 9933CC | # 9933FF |
#996600 | #996633 | #996666 | #996699 | # 9966CC | # 9966FF |
#999900 | #999933 | #999966 | #999999 | # 9999CC | # 9999FF |
# 99CC00 | # 99CC33 | # 99CC66 | # 99CC99 | # 99CCCC | # 99CCFF |
# 99FF00 | # 99FF33 | # 99FF66 | # 99FF99 | # 99FFCC | # 99FFFF |
# CC0000 | # CC0033 | # CC0066 | # CC0099 | # CC00CC | # CC00FF |
# CC3300 | # CC3333 | # CC3366 | # CC3399 | # CC33CC | # CC33FF |
# CC6600 | # CC6633 | # CC6666 | # CC6699 | # CC66CC | # CC66FF |
# CC9900 | # CC9933 | # CC9966 | # CC9999 | # CC99CC | # CC99FF |
# CCCC00 | # CCCC33 | # CCCC66 | # CCCC99 | #CCCCCC | #CCCCFF |
# CCFF00 | # CCFF33 | # CCFF66 | # CCFF99 | #CCFFCC | #CCFFFF |
# FF0000 | # FF0033 | # FF0066 | # FF0099 | # FF00CC | # FF00FF |
# FF3300 | # FF3333 | # FF3366 | # FF3399 | # FF33CC | # FF33FF |
# FF6600 | # FF6633 | # FF6666 | # FF6699 | # FF66CC | # FF66FF |
# FF9900 | # FF9933 | # FF9966 | # FF9999 | # FF99CC | # FF99FF |
# FFCC00 | # FFCC33 | # FFCC66 | # FFCC99 | #FFCCCC | #FFCCFF |
# FFFF00 | # FFFF33 | # FFFF66 | # FFFF99 | #FFFFCC | #FFFFFF |
Minecraft vara boje, ili Minecraft kodovi formatiranje, dopustite svakom igraču da dodaje cvijeće i oblikuje tekst na svaki način u Minecraftu. Kodovi boja& 0-9 - do & a-f. Dodajte ih ispred teksta. Poruke igrača mogu sadržavati kodove boja koji vam omogućuju dodavanje boje vašim prijedlozima.
Boje i kodovi za oblikovanje
Ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikaza teksta. Alternativno, tekst se može formatirati znakom & nakon kojeg slijedi slovo. Možete dodati različite boje knjigama, blokovima naredbi, nazivu poslužitelja, opisu poslužitelja (motd), nazivima svijeta, tabletima, pa čak i imenima igrača.
Vrlo je jednostavno formatirati svoj tekst u konfiguracijama ili u igri koristeći tablicu boja ispod. & r se koristi za brisanje svih kodova, t.j. & mAAA & rBBB bit će prikazani kao AAA BBB.
Za vašu udobnost predstavljamo tablicu postojećih kodova boja u Minecraftu:
Kod | Ime | Tech.Name | Boja simbola | Boja sjene simbola | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Crno | crno | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | mornarsko plava | tamno plava | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Tamnozelene | tamnozelene | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tamnoplava 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 | 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 | Siva | siva | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tamno siva | tamno sivo | 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 zeleno | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
& c | Crvena | Crvena | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
& d | Svijetlo ljubič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 | Bijeli | bijelim | 255 | 255 | 255 | Fffffff | 63 | 63 | 63 | 3F3F3F |
Ponekad trebate podcrtati, precrtati, istaknuti bilo koji tekst... Za to se koristi oblikovanje teksta. Koristi se na isti način kao i boje (ispred teksta koji stavljamo kod npr. & lMinecraft = Minecraft.
Radi vaše udobnosti, ispod je tablica kodova oblikovanja:
Kod | Ime |
---|---|
& k | Čarobni tekst |
& l | Sličica |
& m | Precrtan tekst |
& n | Podvučeni tekst |
& o | Kurziv tekst |
& r | Neformatirani tekst |
Vlad Merzhevich
U HTML-u boja se specificira na jedan od dva načina: pomoću heksadecimalnog koda i imenom nekih boja. Uglavnom se koristi metoda koja se temelji na heksadecimalnom brojevnom sustavu, kao najuniverzalnija.
Heksadecimalne boje
Heksadecimalni brojevi se koriste za određivanje boja u HTML-u. Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, 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 zamjenjuju se latiničnim slovima. Stol 6.1 prikazuje korespondenciju između decimalnih i heksadecimalnih brojeva.
Brojevi veći od 15 u heksadecimalnom sustavu nastaju spajanjem dva broja u jedan (tablica 6.2). Na primjer, 255 decimalno je FF heksadecimalno.
Kako bi se izbjegla zabuna u definiciji brojevnog sustava, hash znak # stavlja se ispred heksadecimalnog broja, na primjer # aa69cc. U ovom slučaju registar nije bitan, 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. Hash simbol # ispred broja znači da je heksadecimalan. Prve dvije znamenke (FA) definiraju crvenu komponentu boje, treće do četvrte znamenke (8E) su zelene, a posljednje dvije znamenke (47) su plave. Kao rezultat, dobivate ovu boju.
FA | + | 8E | + | 47 | = | FA8E47 |
Svaka od tri boje - crvena, zelena i plava - može poprimiti vrijednosti od 00 do FF, što rezultira 256 nijansi. Dakle, ukupan broj boja može biti 256x256x256 = 16.777.216 kombinacija. Model boja koji se temelji na crvenoj, zelenoj i plavoj komponenti naziva se RGB (crvena, zelena, plava; crvena, zelena, plava). Ovaj model je aditivni (od add - dodati), u kojem dodavanjem sve tri komponente tvori bijelu boju.
Da biste olakšali navigaciju u heksadecimalnim bojama, uzmite u obzir neka pravila.
- Ako su vrijednosti komponenti boje iste (na primjer: # D6D6D6), tada dobivate sivu nijansu. Što je broj veći, boja je svjetlija, vrijednosti variraju od # 000000 (crno) do #FFFFFF (bijelo).
- Jarko crvena boja nastaje ako se crvena komponenta postavi na maksimum (FF), a ostale komponente na nulu. Boja # FF0000 je najcrvenija moguća crvena nijansa. Isti je slučaj sa zelenom (# 00FF00) i plavom (# 0000FF).
- Žuta (#FFFF00) se dobiva miješanjem crvene sa zelenom. To je jasno vidljivo na kotaču boja (slika 6.1), gdje su prikazane primarne boje (crvena, zelena, plava) i komplementarne ili komplementarne boje. To uključuje žutu, cijan i ljubičastu (također se naziva magenta). Općenito, bilo koja boja se može dobiti miješanjem obližnjih boja. Dakle, cijan (# 00FFFF) se dobiva kombinacijom plave i zelene.
Riža. 6.1. Krug boja
Heksadecimalne boje ne treba birati empirijski. U tu svrhu prikladan je grafički uređivač koji može raditi s različitim modelima boja, na primjer, Adobe Photoshop. Na sl. 6.2 prikazuje prozor za odabir boje u ovom programu, a rezultirajuća heksadecimalna vrijednost trenutne boje je ocrtana linijom. Možete ga kopirati i zalijepiti u svoj kod.
Riža. 6.2. Prozor za odabir boje u Photoshopu
Web boje
Ako kvalitetu boje monitora postavite na 8 bita (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, gdje preglednik radi sa svojom paletom i ne može prikazati boju koju nema u paleti. U ovom slučaju, boja se zamjenjuje kombinacijom piksela drugih, njoj bliskih boja koje oponašaju navedenu. Kako bi boja ostala nepromijenjena u različitim preglednicima, uveli smo paletu takozvanih web boja. Web boje su one boje, za čiju je komponentu - crvenu, zelenu i plavu - postavljena jedna od šest vrijednosti - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (FF). Zagrade označavaju heksadecimalnu vrijednost ove komponente. 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 ista u svim preglednicima. Trenutno je relevantnost web boja vrlo mala zbog povećanja kvalitete monitora i proširenja njihovih mogućnosti.
Boje po imenu
Kako ne biste pamtili skup brojeva, umjesto toga možete koristiti nazive najčešće korištenih boja. Stol 6.3 navodi nazive popularnih naziva boja.
Naziv boje | Boja | Opis | Heksadecimalna vrijednost |
---|---|---|---|
crno | Crno | #000000 | |
plava | Plava | # 0000FF | |
fuksija | Svijetlo ljubičasta | # FF00FF | |
siva | Tamno siva | #808080 | |
zelena | Zelena | #008000 | |
vapno | Svijetlo zelena | # 00FF00 | |
kesten | Tamno crvena | #800000 | |
mornarica | mornarsko plava | #000080 | |
maslina | Maslina | #808000 | |
ljubičasta | Tamnoljubičasta | #800080 | |
Crvena | Crvena | # FF0000 | |
srebro | Svijetlo siva | # C0C0C0 | |
teal | Plavo zeleno | #008080 | |
bijelim | Bijeli | #FFFFFF | |
žuta boja | Žuta boja | # FFFF00 |
Nije važno na koji ćete način boju odrediti - njezinim imenom ili pomoću heksadecimalnih brojeva. Ove metode su jednake u svom djelovanju. Primjer 6.1 pokazuje kako postaviti pozadinu i boju 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 boja teksta kroz atribut teksta. Za promjenu, atribut teksta je postavljen na heksadecimalni broj, a bgcolor je postavljena na ključnu riječ rezervirana teal.