Šifra nebeske boje. Boja u stilovima može se odrediti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu
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 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 knjigama, blokovima naredbi, nazivu poslužitelja, opisu 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 kodovi boja u Minecraftu za vašu udobnost:
| 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 |
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 latinične abecede (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. B RGB format– ovo kodiranje boja u html-u temelji se na upotrebi triju vrijednosti, navedenih 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. Sadrži 147 ključnih naslova nijanse boja Kodovi sukladnosti dostupni su 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 OS mogao 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 od preglednika 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.
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 zamijenjeni su latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sustavu 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 nazive, heksadecimalni kod, RGB, HSL vrijednosti i opis.
| 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-a
| Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Boju možete definirati pomoću vrijednosti crvene, zelene i plave u decimalnom obliku. 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, boja u RGB formatu dodana svojstvu boje pozadine je potvrđena, ali ona dodana svojstvu pozadine 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+ |
Naziv HSL formata izveden je iz 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% je najveća vrijednost za 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 crno-bijeloj boji.
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
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!
Rezultat ovog primjera prikazan je na sl. 2.
Riža. 2. Boje na web stranici
Kodovi boja u CSS-u koriste se za određivanje boja. Tipično, kodovi boja ili vrijednosti boja koriste se za postavljanje boje prednjeg plana elementa (npr. boja teksta, boja veze) ili boje 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 je 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 |
Vlad Merzhevich
U HTML-u boja se određuje na jedan od dva načina: pomoću heksadecimalnog koda i imenom određenih boja. Pretežno se koristi metoda koja se temelji na heksadecimalnom sustavu brojeva 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 zadnje 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. Što je veći broj, to 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 boja(#FFFF00) dobiva se 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. U tu svrhu prikladan je grafički uređivač koji može raditi s različitim modelima boja, na primjer, Adobe Photoshop. Na sl. Slika 6.2 prikazuje prozor za odabir boje u ovom programu, a 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 boje u Photoshop program
Web boje
Ako kvalitetu prikaza boja 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, 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 ovom trenutku, 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.
| 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
Primjer teksta
U u ovom primjeru Boja pozadine postavlja se pomoću atributa bgcolor oznake
, a boju teksta kroz atribut teksta. Radi raznolikosti, atribut teksta postavljen je na heksadecimalni broj, a atribut bgcolor postavljen je na rezerviranu ključnu riječ teal.