Kod svijetloplave boje. Boja u stilovima se može postaviti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu

Kodovi boja u CSS-u se koriste za specifikaciju boja. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje za prednji plan elementa (npr. tekst, boja veze) ili pozadinu elementa (pozadina, boja bloka). Također se mogu koristiti za promjenu boje gumba, ivica, markera, lebdenja i drugih dekorativnih efekata.

Možete postaviti svoje vrijednosti boja u različitim formatima. Sljedeća tabela navodi sve moguće formate:

Ovi formati su detaljnije opisani u nastavku.

CSS Boje - Hex kodovi

Heksadecimalni kod boja je šestocifreni prikaz boja. Prve dvije cifre (RR) su crvena vrijednost, a sljedeće dvije su zelena vrijednost(GG) i potonje su plave vrijednosti (BB).

CSS boje - kratki heksadecimalni kodovi

Kratki heksadecimalni kod boje je kraći oblik notacije od šest znakova. U ovom formatu, svaka cifra se ponavlja kako bi se dobila ekvivalentna šestocifrena vrijednost boje. Na primjer: #0F0 postaje #00FF00.

Heksadecimalna vrijednost se može uzeti iz bilo koje grafike softver, kao što su Adobe Photoshop, Core Draw, itd.

Svakom heksadecimalnom kodu boje u CSS-u prethodiće heš znak "#". Slijede primjeri upotrebe heksadecimalne notacije.

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 pretraživači svojstvo boje rgb(), pa se ne preporučuje da ga koristite.

Ispod je primjer koji prikazuje više boja koristeći RGB vrijednosti.

Generator kodova boja

Pomoću naše usluge možete kreirati milione kodova boja.

Sigurne boje pretraživača

Ispod je tabela od 216 boja koje su najsigurnije i nezavisne od računara. Ove boje u CSS-u se kreću od 000000 do FFFFFF hex koda. Oni su bezbedni za upotrebu jer obezbeđuju da će svi računari ispravno prikazati boju kada rade sa paletom od 256 boja.

Tabela "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, još nije moguće prikazati osjećaje okusa na stranici. Ali to se može u potpunosti nadoknaditi korištenjem boje. Uostalom, html boje vam omogućavaju da prikažete bilo koju od miliona nijansi. pa " olovke u boji” u njegovom setu je mnogo više od sedam.

shema boja u html-u

U html-u, boja se može specificirati u nekoliko formata:

1. Kao heksadecimalna vrijednost - koristi se kod specificiran u heksadecimalnom sistemu. Takvi kodovi boja u html-u se sastoje od tri para heksadecimalnih brojeva. Svaki par je odgovoran za zasićenje nijanse svojom primarnom bojom:

  • Prvi numerički par je odgovoran za crvenu boju;
  • Drugi par je za sadržaj zelene boje;
  • Potonji je za sadržaj plave boje.

Na početku koda (ispred brojeva) stavlja se heš oznaka. Ovo je heksadecimalni kod boje. Pored brojeva od 1 do 9, ovaj sistem brojeva koristi i slova latinica(A, B, C, D, E, F).

Na primjer, kod bijele boje u html-u će izgledati kao #FFFFFF:

2. Ključna riječ - Trenutno html podržava oko 147 ključnih riječi. Ali nisu sve ove riječi jedinstvene. Neki od njih se odnose na istu nijansu boje.

Sivo je predstavljeno sa dvije ključne riječi: sivo i sivo. Njihov heksadecimalni kod (HEX) je dat istom vrijednošću #808080.

primjer:

#808080




3. U RGB formatu - ovo kodiranje boja u html-u bazira se na upotrebi tri vrijednosti ​​​podešene u rasponu od 0 do 255. Svaka od njih određuje zasićenost nijanse jednom od primarnih boja:

  • R - crvena (crvena);
  • G - zelena (zelena);
  • B - plava (plava).

Broj boje u RGB formatu piše se na sljedeći način: rgb(0, 210, 100).

background-color:rgb(100,186,43)


4. U RGBA formatu - to je napredni RGB format, gdje četvrta vrijednost specificira prozirnost boje u obliku decimalnog razlomka od 0 do 1.

Primjer upotrebe:

background-color:rgba(100,86,143,0.2)

background-color:rgba(100,86,143,0.5)

background-color:rgba(100,86,143,0.8)

background-color:rgba(100,86,143,1)


html tabele boja i generatori boja

Sa tako širokim rasponom formata za podešavanje boja, lako se zbuniti. Stoga je izmišljena posebna tablica boja. U njemu su na 147 ključnih naziva nijansi boja dati kodovi korespondencije u svim glavnim standardima za predstavljanje boja. Dodatno, svako polje je opremljeno trakom za vizuelno usklađivanje boja. Jedna od ovih tablica predstavljena je na web-mjestu colorscheme.ru:


Ali čak i uz pomoć takvog strukturiranja korespondencije, odabir željene nijanse može biti težak. I nije činjenica da postoji prava u tabeli kodova boja.

Kako bi zaobišli ovu barijeru i olakšali odabir prave nijanse, razvijeni su interaktivni web servisi. Njihovo korisničko sučelje se može neznatno razlikovati jedno od drugog.

Na stranici html-color-codes.info generator boja izgleda ovako:


A u okviru usluge color-picker.appsmaster.co, ovaj alat je implementiran malo drugačije:


Zasićenost svake boje u generatoru se postavlja pomoću posebnih klizača. Vizuelno, nijansa se prikazuje bojom okvira i pravougaonika sa leve strane. Na dnu, 3 polja prikazuju kod boja u glavnim formatima.

Ali generator boja nije dostupan samo na specijaliziranim stranicama. Gotovo svi grafički uređivači opremljeni su sličnim alatom. Na primjer, Photoshop:


Sigurnost boja

A bilo je to davno, još u eri video kartica koje podržavaju samo 256 boja. U to vrijeme, operativni sistemi su mogli prikazati samo određeni broj osmobitnih nijansi bez izobličenja.

Onda je izvađen odličan sto sigurne boje. Naznačio je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem od pretraživača tog vremena. I do danas ovo odličan rukopis» još uvijek je dostupan na nekim resursima:


Sve se promijenilo u naše vrijeme. Stoga su sva sigurnosna pravila pri radu s bojom u html-u potpuno poništena. Uostalom, savremeni kompjuterski hardver podržava više od 16 miliona različitih nijansi. A 216 sigurnih boja palo je u zaborav.

Ovi podaci su u potpunosti potkrijepljeni statističkim podacima. Sudeći po tome, u 2014. godini svega 0,5% korisnika ima računare koji podržavaju samo 256 nijansi.

Osnove harmonije boja

Nismo svi obdareni prirodnim skladnim čulom ukusa. Zbog toga ispravan izbor boje mogu biti pravi izazov. Ali, svaka čast nauci, čak je uspjela opisati harmoniju boja u obliku nekoliko shema. Svi su zasnovani na upotrebi kruga boja. Šeme podudaranja boja u html-u:

  • Paralelna shema boja - kada su obje nijanse u krugu boja paralelne;
  • Trijadna shema - u srcu svih uglova trokuta je jedna od boja;
  • Monokromatski - kada je odabrano nekoliko bliskih nijansi iste boje;
  • Analogno - naprednija verzija monokromatske sheme. U ovom slučaju, nijanse iste boje su na određenoj udaljenosti.

Implementacija svih ovih šema je dobro predstavljena unutar usluge paletton.com. Omogućava vam da lako izvršite harmoničan izbor boja.

Minecraft kodovi boje ili Minecraft kodovi formatiranje, omogućite svakom igraču da dodaje cvijeće i formatira tekst na svaki mogući način upravo u Minecraft-u. 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 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 razne boje u knjigama komandni blokovi, ime servera, opis servera (motd), do imena svjetova, do znakova, pa čak i do imena 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:

KodImeTehnički nazivBoja simbolaBoja sjene simbola
RGBhexRGBhex
&0 Crnocrna0 0 0 000000 0 0 0 000000
&1 Tamno plavatamno plava0 0 170 0000AA0 0 42 00002A
&2 tamno zelenatamno zelena0 170 0 00AA000 42 0 002A00
&3 Tamno plavo-zelenadark_aqua0 170 170 00AAAA0 42 42 002A2A
&4 Tamno crvenatamno crvena170 0 0 AA000042 0 0 2A0000
&5 Tamno ljubičastadark_purple170 0 170 AA00AA42 0 42 2A002A
&6 Zlatozlato255 170 0 FFAA0042 42 0 2A2A00
&7 Sivasiva170 170 170 AAAAAA42 42 42 2A2A2A
&8 Tamno sivatamno siva85 85 85 555555 21 21 21 151515
&9 Plavaplava85 85 255 5555FF21 21 63 15153F
&aZelenozeleno85 255 85 55FF5521 63 21 153F15
&bplavo zelenoaqua85 255 255 55FFFF21 63 63 153F3F
&cCrvenicrvena255 85 85 FF555563 21 21 3F1515
&dSvijetlo ljubičastasvjetlo_ljubičasta255 85 255 FF55FF63 21 63 3F153F
&eŽutažuta255 255 85 FFFF5563 63 21 3F3F15
&fBijelobijela255 255 255 FFFFFF63 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:

KodIme
&kmagični tekst
&lThumbnail
&mPrecrtan tekst
&nPodvučeni tekst
&oKurziv tekst
&rTekst bez formatiranja

Kompjuterske igrice su jedan od najpopularnijih načina da na zanimljiv način provedete slobodno vrijeme. Uronivši u svijet video igrica, zaboravljamo na stvarne probleme i nevolje, opuštamo se i uživamo. A ako je ovo online igra ili igra u multiplayer modu, onda je njena glavna prednost što ovdje možete upoznati puno ljudi iz cijelog svijeta i pronaći ne samo istomišljenike, već i najbolje prijatelje. Želite li znati kako postavke igre, do boje u "MTA", mogu utjecati na vašu komunikaciju sa drugim igračima? Čitajte dalje!

Karakteristike režima za više igrača

Jeste li se ikada zapitali: kako podesiti boje u "MTA" ili u nekoj drugoj igrici? Niko od ljudi koji su ikada imali priliku da igraju onlajn igru veliki iznos igrača, neću poreći da pred drugima želim da se pokažem najbolje svjetlo. Možete pokazati posebne, skupe stvari svog lika, istaknuti se u poznavanju terminologije igre ili jednostavno prilagoditi sučelje svoje igre tako da radi bolje od neiskusnih igrača.

Boje u "MTA" - šta treba da znate?

Ako govorimo o jednoj od verzija multiplayer moda igre "GTA: San Andreas", "MTA", tada boja igra vrlo važnu ulogu. Mogućnost prilagođavanja boje za svoj nadimak u "MTA" je jedna od najboljih vještina koje svaki igrač početnik treba da stekne.

Dakle, da biste podesili boju nadimka, idite u aplikaciju "MTA:CA" i kliknite na opciju Settings, zatim odaberite svoje ime, a zatim unesite željeni kod boje ispred njega. U "MTA" postoji velika paleta boja za nadimke. U članku smo ubacili uzorke paleta iz kojih možete odabrati svoju omiljenu nijansu.

Sada znate kako se možete izdvojiti i učiniti svoj nadimak drugačijim od nadimaka početnika i neiskusnih igrača. Svetao, razlikovat će vas od običnih gejmera i privući više pažnje na vas. Uživajte u igri!

IN HTML boja može se podesiti na tri načina:

Postavljanje boje u HTML-u prema njenom imenu

Neke boje se mogu specificirati 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) su:

BojaImeBojaIme BojaIme BojaIme
Crno siva Srebro Bijelo
Žuta kreč Aqua Fuksija
Crveni Zeleno Plava Ljubičasta
maroon Maslina mornarica Teal

Primjer upotrebe različite boje naslovi:

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 drugi su postavljeni na 0 Možete također postaviti boju u postocima. Svaki od parametara označava nivo svjetline odgovarajuće boje. Na primjer: vrijednosti rgb(127, 255, 127) i rgb(50%, 100%, 50%) će postaviti iste zelene boje prosječna 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 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, zasnovan je, kao što mu ime govori, na broju 16. Heksadecimalni sistem koristi sledeć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 sa 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 svoju 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, gde je svaki znak jednak dva puta. 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 Tamno 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.

Podijeli: