Šifra svijetloplave boje. Boja u stilovima može se odrediti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu
Kodovi boja u CSS-u koriste se za određivanje boja. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje za boju prednjeg plana elementa (npr. boja teksta, boja veze) ili boju pozadine elementa (boja pozadine, boja bloka). Također se mogu koristiti za promjenu boje gumba, obruba, markera, lebdenja i drugih ukrasnih efekata.
Možete odrediti svoje vrijednosti boja u različitim formatima. Sljedeća tablica navodi sve moguće formate:
Navedeni formati detaljnije su opisani u nastavku.
CSS boje - heksadecimalni kodovi
Heksadecimalni kod boje je šesteroznamenkasti prikaz boje. Prve dvije znamenke (RR) predstavljaju crvenu vrijednost, a sljedeće dvije zelena vrijednost(GG), a potonje su plava vrijednost (BB).
CSS boje - kratki heksadecimalni kodovi
Kratki heksadecimalni kod boje je kraći oblik zapisa od šest znakova. U ovom formatu, svaka znamenka se ponavlja kako bi se proizvela ekvivalentna šesteroznamenkasta vrijednost boje. Na primjer: #0F0 postaje #00FF00.
Heksadecimalna vrijednost može se uzeti iz bilo koje grafike softver, kao što su Adobe Photoshop, Core Draw itd.
Svakom heksadecimalnom kodu boje u CSS-u prethodit će hash znak "#". Ispod su primjeri korištenja heksadecimalnih zapisa.
CSS boje - RGB vrijednosti
RGB vrijednost je kod boje koji se postavlja korištenjem 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(), stoga se ne preporučuje njegovo korištenje.
Ispod je primjer koji prikazuje više boja koristeći RGB vrijednosti.
Generator koda boja
Pomoću naše usluge možete stvoriti milijune kodova boja.
Boje sigurne za preglednik
Ispod je tablica od 216 boja koje su najsigurnije i neovisne o računalu. Te se boje u CSS-u kreću od 000000 do FFFFFF heksadecimalnog koda. Sigurni su za korištenje jer osiguravaju da sva računala ispravno prikazuju boje kada rade s paletom od 256 boja.
Tablica "sigurnih" boja u CSS-u | |||||
#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 |
Nažalost, na web stranici još nije moguće prikazati osjećaje okusa. Ali to se može u potpunosti nadoknaditi s Raspon boja. Uostalom, html boje vam omogućuju prikaz bilo koje od milijuna nijansi. dakle " bojice Ima ih mnogo više od sedam u njegovom skupu.
Shema boja u html-u
U html-u boja se može odrediti u nekoliko formata:
1. Kao heksadecimalna vrijednost – koristi se šifra navedena u heksadecimalnom brojevnom sustavu. Takvi kodovi boja u html-u sastoje se od tri para heksadecimalnih brojeva. Svaki par je odgovoran za zasićenost nijanse svojom primarnom bojom:
- Prvi numerički par odgovoran je za crvenu boju;
- Drugi par je za sadržaj zelene boje;
- Potonji je zbog svog plavog sadržaja.
Oznaka hash stavlja se na početku koda (ispred brojeva). Ovo je heksadecimalni kod boje. Osim brojeva od 1 do 9, ovaj brojevni sustav koristi slova latinica(A B C D E F).
Na primjer, kod bijela u html-u će izgledati kao #FFFFFF:
2. Ključna riječ – HTML trenutno podržava oko 147 ključnih riječi. Ali nisu sve ove riječi jedinstvene. Neki od njih odnose se na istu nijansu boje.
Sivu boju predstavljaju dvije ključne riječi: siva i siva. Njihov heksadecimalni kod (HEX) dan je istom vrijednošću #808080.
Primjer:
#808080
3. U RGB formatu - ovo kodiranje boja u html-u temelji se na upotrebi triju vrijednosti, postavljenih u rasponu od 0 do 255. Svaka od njih određuje zasićenost nijanse s jednom od primarnih boja:
- R – crvena (crvena);
- G – zelena (zelena);
- B – plava (plava).
Broj boje u RGB formatu ispisuje se u sljedećem obliku: rgb(0, 210, 100).
boja-pozadine:rgb(100,186,43)
4. U RGBA formatu - to je poboljšani RGB format, gdje četvrta vrijednost specificira prozirnost boje kao decimalni razlomak od 0 do 1.
Primjer upotrebe:
boja-pozadine:rgba(100,86,143,0.2)
boja-pozadine:rgba(100,86,143,0.5)
boja-pozadine:rgba(100,86,143,0.8)
boja-pozadine:rgba(100,86,143,1)
HTML tablice boja i generatori boja
S tako širokim rasponom formata za postavljanje boja, lako se zbuniti. Stoga je izumljena posebna tablica boja. Nudi 147 ključnih naziva nijansi boja s kodovima sukladnosti u svim glavnim standardima boja. Dodatno, svako polje je opremljeno trakom za vizualni odabir boja. Jedna od ovih tablica predstavljena je na web stranici colorscheme.ru:
Ali čak i uz ovakvo strukturiranje slaganja, odabir prave nijanse može biti težak. I nije činjenica da će tablica kodova boja sadržavati onu koja vam je potrebna.
Kako bi se ova prepreka zaobišla i odabir prave nijanse bio što lakši, razvijene su interaktivne web usluge. Njihovo korisničko sučelje može se malo razlikovati jedno od drugog.
Na web stranici html-color-codes.info generator boja izgleda ovako:
A unutar usluge color-picker.appsmaster.co, ovaj alat implementiran je malo drugačije:
Zasićenost svake boje u generatoru postavlja se pomoću posebnih klizača. Vizualno, sjenilo se prikazuje bojom okvira i pravokutnika s lijeve strane. Na dnu, 3 polja prikazuju kod boje u osnovnim formatima.
Ali generator boja dostupan je ne samo na specijaliziranim stranicama. Gotovo svi grafički urednici opremljeni su sličnim alatom. Na primjer, Photoshop:
Sigurnosne mjere pri radu s bojom
I to je bilo davno, još u eri video kartica koje su podržavale samo 256 boja. U tim dalekim vremenima operativni sustavi mogli su prikazati samo određeni broj osmobitnih nijansi bez izobličenja.
Onda je povučeno odličan stol sigurne boje. Odredio je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem pregledniku tog vremena. I do danas ovaj " veliki rukopis» je još uvijek dostupan na nekim resursima:
Danas se sve promijenilo. Stoga su sva sigurnosna pravila pri radu s bojom u html-u potpuno poništena. Uostalom, moderni računalni hardver podržava više od 16 milijuna različitih nijansi. I 216 sigurnih boja je potonulo u zaborav.
Ove podatke u potpunosti potvrđuje statistika. Sudeći prema tome, u 2014. samo 0,5% korisnika ima računala koja podržavaju samo 256 nijansi.
Osnove harmonije boja
Nismo svi obdareni prirodnim harmoničnim osjetilom okusa. Zato ispravan odabir boje mogu biti pravi izazov. No, svaka čast znanosti, čak je uspjela opisati harmoniju boja u obliku nekoliko shema. Svi se oni temelje na korištenju kotača boja. Sheme za skladan odabir boja u html-u:
- Paralelna shema boja - kada su obje nijanse u kotaču boja paralelne;
- Trijadna shema - svi uglovi trokuta temelje se na jednoj od boja;
- Monokromatski - kada je odabrano nekoliko bliskih nijansi iste boje;
- Analog je naprednija verzija monokromatskog sklopa. U ovom slučaju, nijanse iste boje nalaze se na određenoj udaljenosti.
Implementacija svih ovih shema dobro je prezentirana unutar usluge paletton.com. Omogućuje vam jednostavan odabir skladne boje.
Minecraft kodovi boje, odnosno Minecraft šifre formatiranje, omogućuju bilo kojem igraču dodavanje cvijeća i oblikovanje teksta na sve moguće načine 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 razne boje u knjige, naredbeni blokovi, ime poslužitelja, opis poslužitelja (motd), u imenima svjetova, u znakovima pa čak iu 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 | Crno | crno | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tamno plava | tamno plava | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Tamnozelene | tamnozelene | 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 | Tamno ljubič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 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 |
i 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 | 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 | Sličica |
&m | Precrtani tekst |
&n | Podcrtani tekst |
&o | Kurziv teksta |
& r | Tekst bez oblikovanja |
Računalne igrice jedan su od najpopularnijih načina provođenja slobodnog vremena. Uranjajući u svijet video igre, zaboravljamo na stvarne probleme i nevolje, opuštamo se i zabavljamo. A ako je ovo online igra ili igra u multiplayer modu, onda je njena glavna prednost što ovdje možete upoznati mnogo ljudi iz cijelog svijeta i pronaći ne samo istomišljenike, već i najbolje prijatelje. Želite li znati kako postavke igre, sve do boje u MTA, mogu utjecati na vašu interakciju s drugim igračima? Nastavi čitati!
Značajke načina rada za više igrača
Jeste li se ikada zapitali: kako prilagoditi boje u MTA ili nekoj drugoj igri? Nitko od ljudi s kojima je ikada imao priliku igrati online igru veliki iznos igrači, neće poreći da se pred drugima žele pokazati bolje svjetlo. Možete pokazati posebne, skupe stvari svog lika, istaknuti se u svom poznavanju terminologije igara ili jednostavno prilagoditi sučelje svoje igre tako da radi bolje od onog neiskusnih igrača.
Boje u "MTA" - što trebate znati?
Ako govorimo o jednoj od verzija multiplayer moda igre "GTA: San Andreas", "MTA", onda boja ovdje igra vrlo važnu ulogu. Sposobnost prilagođavanja boje vašeg nadimka u MTA jedna je od najboljih vještina koju bi svaki igrač početnik trebao steći.
Dakle, da postavite boju svog nadimka, idite na aplikaciju "MTA: SA" i kliknite na opciju Postavke, zatim odaberite svoje ime, a zatim unesite željeni kod boje odmah ispred njega. U "MTA" postoji velika paleta boja za nadimke. U članku smo uključili uzorke paleta među kojima možete odabrati nijansu koja vam se sviđa.
Sada znate kako se možete istaknuti i učiniti da se vaš nadimak razlikuje od nadimaka početnika i neiskusnih igrača. Svijetao, razlikovat će vas od običnih igrača i privući više pozornosti na vas. Uživajte u igri!
U HTML boja može se postaviti na tri načina:
Postavljanje boje u HTML prema njezinom nazivu
Neke se boje mogu odrediti njihovim imenom, koristeći naziv boje na Engleski jezik. Najčešći 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):
Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
---|---|---|---|---|---|---|---|
Crno | Sivo | Srebro | Bijela | ||||
Žuta boja | Vapno | Aqua | Fuksija | ||||
Crvena | zelena | Plava | Ljubičasta | ||||
Kesten | Maslina | Mornarica | Teal |
Primjer upotrebe razne boje imena:
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, RGB paleta se koristi kao osnova. 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 ostale su postavljene 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 isto zelene boje srednja zasićenost:
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 slijedeći znakovi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ovdje se zamjenjuju brojevi od 10 do 15 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):
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 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 | Tamno 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č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 zeleno | #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.