HTML kod je svijetlo zelene boje. HTML vodič. RGB boje. Sigurna paleta boja

Minecraft kodovi boje, 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 kodovi boja, koji vam omogućuju dodavanje boje vašim 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:

KodiratiImeTehnički nazivBoja simbolaBoja sjene simbola
RGBHexRGBHex
&0 Crnocrno0 0 0 000000 0 0 0 000000
&1 Tamno plavatamno plava0 0 170 0000AA0 0 42 00002A
&2 Tamnozelenetamnozelene0 170 0 00AA000 42 0 002A00
&3 Tamno plavo-zelenatamna_voda0 170 170 00AAA0 42 42 002A2A
&4 Tamno crvenatamno crvena170 0 0 AA000042 0 0 2A0000
&5 Tamno ljubičastatamno ljubičasta170 0 170 AA00AA42 0 42 2A002A
&6 Zlatozlato255 170 0 FFAA0042 42 0 2A2A00
&7 Sivosiva170 170 170 AAAAAA42 42 42 2A2A2A
&8 Tamno sivatamno sivo85 85 85 555555 21 21 21 151515
&9 Plavaplava85 85 255 5555FF21 21 63 15153F
&azelenazelena85 255 85 55FF5521 63 21 153F15
&bPlavo zelenoaqua85 255 255 55FFFF21 63 63 153F3F
i cCrvenaCrvena255 85 85 FF555563 21 21 3F1515
&dSvijetlo ljubičastasvijetlo ljubičasta255 85 255 FF55FF63 21 63 3F153F
&eŽuta bojažuta boja255 255 85 FFFF5563 63 21 3F3F15
&fBijelabijela255 255 255 FFFFFF63 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:

KodiratiIme
&kČarobni tekst
&lSličica
&mPrecrtani tekst
&nPodcrtani tekst
&oKurziv teksta
& rTekst bez oblikovanja

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 se zamjenjuju latiničnim slovima. Brojevi veći od 15 in heksadecimalni sustav 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.

Imenom

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 imena, heksadecimalni kod, vrijednosti u RGB format, HSL i opis.

Stol 1. Nazivi boja
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
crno #000000 ili #000 rgb(0,0,0) hsl(0,0%,0%) Crno
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ča #ffa500 rgb(255,165,0) hsl(38,8,100%,50%) naranča
ž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%) Tamno plava
plavozelena #008080 rgb(0,128,128) hsl(180,100%,25%) Plavo zeleno
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

Internet Explorer Krom Opera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Možete definirati boju pomoću vrijednosti crvene, zelene i plave decimal. 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, dodana RGB boja pozadinsko svojstvo-boja je potvrđena, ali pozadina dodana svojstvu 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+

Ime HSL format nastalo od kombinacije prvih slova Hue (boja), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotač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. Krug u boji

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% maksimalna vrijednost 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 u RGBA formati, HSL i HSLA dodani su u CSS3, pa kada koristite ove formate, provjerite valjanost verzije koda.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Boje

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!

Arrrgh!


Rezultat ovog primjera prikazan je na sl. 2.

Riža. 2. Boje na web stranici

Vlad Merzhevich

U HTML-u boja se postavlja na jedan od dva načina: pomoću heksadecimalni kod i po imenu nekih cvjetova. Pretežno se koristi metoda koja se temelji na heksadecimalnom brojevnom sustavu 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 dva broja 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 (crvena, zelena, plava; crvena, zelena, plava). 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. Kako veći broj, oni svjetlija boja, vrijednosti se mijenjaju od #000000 (crno) do #FFFFFF (bijelo).
  • 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. Slična je situacija i sa zelena(#00FF00) i plava (#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. Krug u boji

Boje temeljene na heksadecimalnim vrijednostima ne moraju biti empirijski odabrane. Prikladno za ovu svrhu grafički urednik sposobni za rad s različitim modeli u boji, 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 Photoshop program

Web boje

Ako kvalitetu prikaza boja monitora postavite na 8 bita (256 boja), tada se ista boja može prikazati u različitim preglednicima na svoj način. 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 ovaj trenutak 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.

Stol 6.3. Imena nekih 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 Tamno plava #000080
maslina Maslina #808000
ljubičasta Tamno ljubičasta #800080
Crvena Crvena #FF0000
srebro Svijetlo siva #C0C0C0
plavozelena Plavo zeleno #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

Boje

Primjer teksta



U u ovom primjeru Boja pozadine postavlja se pomoću atributa bgcolor oznake , a boju teksta kroz atribut teksta. Za raznolikost, vrijednost atributa teksta postavljena je na: heksadecimalni broj, i bgcolor koristeći rezervirano ključna riječ plavozelena.

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 postaviti svoje vrijednosti boja raznih formata. 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