Heksadecimalni brojevi se koriste za određivanje boja. Heksadecimalni sistem je, za razliku od decimalnog, zasnovan, kao što mu ime kaže, na broju 16. Brojevi će biti sledeć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. Brojevi veći od 15 u heksadecimalnom sistemu formiraju se kombinovanjem dva broja u jedan. Na primjer, broj 255 u decimalnom obliku odgovara broju FF u heksadecimalnom. Da bi se izbjegla zabuna u određivanju brojevnog sistema, ispred heksadecimalnog broja stavlja se heš simbol #, na primjer #666999. Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF. Dakle, simbol boje je podijeljen na tri komponente #rrggbb, pri čemu prva dva simbola označavaju crvenu komponentu boje, srednja dva - zelenu, a zadnja dva - plavu. Dozvoljeno je koristiti skraćeni oblik #rgb, gdje svaki znak treba udvostručiti. Dakle, unos #fe0 treba smatrati #ffee00.
Po imenu
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Pretraživači podržavaju neke boje svojim imenom. U tabeli 1 prikazuje nazive, heksadecimalni kod, RGB, HSL vrijednosti i opis.
| Ime | Boja | Kod | RGB | HSL | Opis |
|---|---|---|---|---|---|
| bijela | #fffff ili #fff | rgb(255,255,255) | hsl(0,0%,100%) | Bijelo | |
| srebro | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Siva | |
| siva | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Tamno siva | |
| crna | #000000 ili #000 | rgb(0,0,0) | hsl(0,0%,0%) | Crna | |
| maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Tamno crvena | |
| crvena | #ff0000 ili #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Crveni | |
| narandžasta | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Narandžasta | |
| žuta | #ffff00 ili #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Žuta | |
| maslina | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Maslina | |
| kreč | #00ff00 ili #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Svijetlo zelena | |
| zeleno | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Zeleno | |
| 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 | |
| teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Plavo zeleno | |
| fuksija | #ff00ff ili #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pink | |
| ljubičasta | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Koristeći RGB
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Možete definirati boju koristeći crvene, zelene i plave vrijednosti u decimalnim terminima. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je dozvoljeno specificirati boju kao postotak, pri čemu 100% odgovara broju 255. Prvo navedite rgb ključnu riječ, a zatim navedite komponente boje u zagradama , odvojeno zarezima, na primjer rgb(255, 128, 128) ili rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA format je po sintaksi sličan RGB-u, ali uključuje alfa kanal koji specificira transparentnost elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je poluprozirna.
RGBA je dodat u CSS3, tako da se CSS kod mora provjeriti u odnosu na ovu verziju. Treba napomenuti da je CSS3 standard još uvijek u razvoju i da se neke karakteristike mogu promijeniti. Na primjer, boja u RGB formatu dodana svojstvu background-color je potvrđena, ali boja dodana svojstvu background-a više nije važeća. Istovremeno, pretraživači sasvim ispravno razumiju boju za oba svojstva.
HSL
| Internet Explorer | Chrome | 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 (nijansa), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na krugu boja (slika 1) i data je u stepenima. 0° odgovara crvenoj, 120° zelenoj, a 240° plavoj. Vrijednost nijanse može varirati od 0 do 359.
Rice. 1. Točak boja
Zasićenost je intenzitet boje i mjeri se u procentima od 0% do 100%. Vrijednost od 0% označava da nema boje i ima nijansu sive, 100% je maksimalna vrijednost za zasićenje.
Svjetlost određuje koliko je svijetla boja i određena 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.
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA format je po sintaksi sličan HSL-u, ali uključuje alfa kanal za određivanje transparentnosti elementa. Vrijednost 0 je potpuno transparentna, 1 je neprozirna, a srednja vrijednost poput 0,5 je poluprozirna.
Vrijednosti boja RGBA, HSL i HSLA se dodaju u CSS3, pa provjerite valjanost verzije koda kada koristite ove formate.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Upozorenje
Sve metode hvatanja lavova navedene na stranici su teorijske i bazirane na računskim metodama. Autori ne jamče vašu sigurnost prilikom njihove upotrebe i odriču se bilo kakve odgovornosti za rezultate. Zapamtite, lav je grabežljivac i opasna životinja!
Rezultat ovog primjera prikazan je na sl. 2.
Rice. 2. Boje na web stranici
Minecraft kodovi boje, ili Minecraft kodovi formatiranje, omogućite bilo kojem igraču da dodaje cvijeće i formatira tekst na svaki mogući način direktno 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 vašim rečenicama.
Boje i kodovi za formatiranje
Znak ampersanda (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikazivanja teksta. Dodatno, tekst se može formatirati sa & nakon kojeg slijedi slovo. Možete dodati različite boje knjigama, komandnim blokovima, nazivu servera, opisu servera (motd), imenima svijeta, znakovima, pa čak i imenima igrača.
Vrlo je lako formatirati svoj tekst u konfiguracijama ili u igri koristeći donju tablicu boja. &r se koristi za resetovanje svih kodova, tj. &mAAA&rBBB će biti prikazano kao AAA BBB.
Za vašu udobnost predstavljamo tabelu postojećih kodova boja u Minecraftu:
| Kod | Ime | Tehnički naziv | Boja simbola | Boja sjene simbola | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | Crna | crna | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Tamno plava | tamno plava | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Tamno zelena | tamno zelena | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Tamno plavo-zelena | dark_aqua | 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 | dark_purple | 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 siva | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Plava | plava | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Zeleno | zeleno | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Plavo zeleno | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Crveni | crvena | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Svijetlo ljubičasta | svjetlo_ljubičasta | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Žuta | žuta | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Bijelo | bijela | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Ponekad je to neophodno podvuci, precrtati, highlight bilo koji tekst. Ovo se radi pomoću oblikovanja teksta. Koristi se na potpuno isti način kao i boje (stavljamo ispred teksta kod, na primjer &lMinecraft = Minecraft.
Radi vaše udobnosti, ispod je tabela formatiranja kodova:
| Kod | Ime |
|---|---|
| &k | Magic text |
| &l | Thumbnail |
| &m | Precrtan tekst |
| &n | Podvučeni tekst |
| &o | Kurziv tekst |
| &r | Tekst bez formatiranja |
Vlad Merzhevich
U HTML-u, boja se specificira na jedan od dva načina: korištenjem heksadecimalnog koda i imenom određenih boja. Pretežno se koristi metoda zasnovana na heksadecimalnom brojevnom sistemu, jer je najuniverzalnija.
Heksadecimalne boje
HTML koristi heksadecimalne brojeve za određivanje boja. Heksadecimalni sistem je, za razliku od decimalnog, zasnovan, kao što mu ime kaže, na broju 16. Brojevi će biti sledeć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. U tabeli 6.1 pokazuje korespondenciju između decimalnih i heksadecimalnih brojeva.
Brojevi veći od 15 u heksadecimalnom sistemu formiraju se kombinovanjem dva broja u jedan (tabela 6.2). Na primjer, broj 255 u decimalnom obliku odgovara broju FF u heksadecimalnom.
Da bi se izbjegla zabuna u definiranju brojevnog sistema, heksadecimalnom broju prethodi heš simbol #, na primjer #aa69cc. U ovom slučaju, velika i mala slova nisu bitna, pa je dozvoljeno pisati #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 cifre (FA) definiraju crvenu komponentu boje, treće do četvrte cifre (8E) definiraju zelenu komponentu, a posljednje dvije cifre (47) definiraju plavu komponentu. Krajnji rezultat će biti ova boja.
| F.A. | + | 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 zasnovan na crvenoj, zelenoj i plavoj komponenti naziva se RGB (crvena, zelena, plava; crvena, zelena, plava). Ovaj model je aditivni (od dodati - dodati), u kojem se dodatkom sve tri komponente formira bela boja.
Da biste olakšali navigaciju heksadecimalnim bojama, uzmite u obzir neka pravila.
- Ako su vrijednosti komponenti boje iste (na primjer: #D6D6D6), rezultat će biti siva nijansa. Što je broj veći, boja je svjetlija, a vrijednosti se kreću od #000000 (crna) do #FFFFFF (bijela).
- Jarko crvena boja se formira ako je crvena komponenta maksimalna (FF), a preostale komponente postavljene na nulu. Boja s vrijednošću #FF0000 je najcrvenija moguća crvena nijansa. Isto važi i za zelenu (#00FF00) i plavu (#0000FF).
- Žuta (#FFFF00) nastaje miješanjem crvene i zelene. To je jasno vidljivo na krugu boja (slika 6.1), koji predstavlja primarne boje (crvena, zelena, plava) i komplementarne ili dodatne. To uključuje žutu, cijan i ljubičastu (takođe se naziva magenta). Općenito, bilo koja boja se može dobiti miješanjem boja koje su joj bliske. Dakle, cijan (#00FFFF) se dobija kombinacijom plave i zelene.
Rice. 6.1. Krug u boji
Boje zasnovane na heksadecimalnim vrijednostima ne moraju biti empirijski odabrane. U tu svrhu je prikladan 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 izbor boje u ovom programu; rezultujuća heksadecimalna vrijednost trenutne boje je ocrtana linijom. Možete ga kopirati i zalijepiti u svoj kod.
Rice. 6.2. Prozor za izbor boja u Photoshopu
Web boje
Ako postavite kvalitet prikaza boja monitora na 8 bita (256 boja), tada se ista boja može različito prikazati u različitim pretraživačima. To je zbog načina na koji se grafika prikazuje, kada pretraživač radi sa svojom 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 imitiraju datu. Kako bi se osiguralo da boja ostane ista u različitim pretraživačima, 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 je navedena u zagradama. Ukupan broj boja iz svih mogućih kombinacija daje 6x6x6 - 216 boja. Primjer web boje je #33FF66.
Glavna karakteristika web boje je da se pojavljuje ista u svim pretraživačima. Trenutno je relevantnost web boja vrlo mala zbog poboljšanja kvaliteta monitora i proširenja njihovih mogućnosti.
Boje po imenu
Da biste izbjegli pamćenje skupa brojeva, umjesto toga možete koristiti nazive najčešće korištenih boja. U tabeli 6.3 prikazuje nazive popularnih naziva boja.
| Naziv boje | Boja | Opis | Heksadecimalna vrijednost |
|---|---|---|---|
| crna | Crna | #000000 | |
| plava | Plava | #0000FF | |
| fuksija | Svijetlo ljubičasta | #FF00FF | |
| siva | Tamno siva | #808080 | |
| zeleno | Zeleno | #008000 | |
| kreč | Svijetlo zelena | #00FF00 | |
| maroon | Tamno crvena | #800000 | |
| mornarica | Tamno plava | #000080 | |
| maslina | Maslina | #808000 | |
| ljubičasta | Tamno ljubičasta | #800080 | |
| crvena | Crveni | #FF0000 | |
| srebro | Svijetlo siva | #C0C0C0 | |
| teal | Plavo zeleno | #008080 | |
| bijela | Bijelo | #FFFFFF | |
| žuta | Žuta | #FFFF00 |
Nije važno da li boju navedete njenim imenom ili koristeći heksadecimalne brojeve. Ove metode su jednake po svom djelovanju. Primjer 6.1 pokazuje kako postaviti boju pozadine i teksta web stranice.
Primjer 6.1. Boja pozadine i teksta
Primjer teksta
U ovom primjeru, boja pozadine je postavljena pomoću atributa bgcolor oznake
, i boju teksta kroz atribut teksta. Radi raznolikosti, atribut teksta je postavljen na heksadecimalni broj, a atribut bgcolor je postavljen na rezerviranu ključnu riječ teal .Kodovi boja u CSS-u se koriste za specifikaciju boja. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje ili za boju prednjeg plana elementa (npr. boja teksta, boja veze) ili za boju pozadine elementa (boja pozadine, boja bloka). Mogu se koristiti i za promjenu boje gumba, obruba, markera, lebdenja i drugih dekorativnih efekata.
Možete odrediti svoje vrijednosti boja u različitim formatima. Sljedeća tabela navodi sve moguće formate:
Navedeni formati su detaljnije opisani u nastavku.
CSS boje - heksadecimalni kodovi
Heksadecimalni kod boja je šestocifreni prikaz boje. Prve dvije cifre (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 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 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 prethodiće heš znak "#". Ispod su primjeri korištenja heksadecimalnih 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 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
Možete kreirati milione kodova boja koristeći našu uslugu.
Boje sigurne za pregledač
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 heksadecimalnog koda. Oni su bezbedni za upotrebu jer obezbeđuju da svi računari ispravno prikazuju 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 web stranici. Ali to se može u potpunosti nadoknaditi uz pomoć boja. Uostalom, html boje vam omogućavaju da prikažete bilo koju od miliona nijansi. pa " olovke u boji Ima mnogo više od sedam u njegovom setu.
Šema 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 brojeva. 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 zbog svog plavog sadržaja.
Hash oznaka se stavlja na početak koda (ispred brojeva). Ovo je heksadecimalni kod boje. Pored brojeva od 1 do 9, ovaj sistem brojeva koristi i slova latinice (A, B, C, D, E, F).
Na primjer, kod bijele boje 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 se odnose na istu nijansu boje.
Sivu boju predstavljaju dvije ključne riječi: siva i siva. 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, postavljene 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 ispisuje se u sljedećem obliku: rgb(0, 210, 100).
background-color: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:
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 tablice boja i generatori boja
Sa tako širokim rasponom formata za podešavanje boja, lako se možete zbuniti. Stoga je izmišljena posebna tablica boja. Pruža 147 ključnih naziva nijansi boja sa kodovima usklađenosti u svim glavnim standardima boja. Dodatno, svako polje je opremljeno trakom za vizuelni odabir boje. Jedna od ovih tablica predstavljena je na web stranici colorscheme.ru:
Ali čak i uz ovakvo strukturiranje podudaranja, odabir prave nijanse može biti težak. I nije činjenica da će tabela kodova boja sadržavati onu koja vam je potrebna.
Kako bi zaobišli ovu prepreku i učinili izbor prave nijanse što lakšim, razvijeni su interaktivni web servisi. Njihovo korisničko sučelje se može neznatno razlikovati jedno od drugog.
Na web 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 je prikazana bojom okvira i pravougaonika na lijevoj strani. Na dnu, 3 polja prikazuju kod boja u osnovnim 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:
Sigurnosne mjere pri radu sa bojom
A to je bilo davno, još u eri video kartica koje su podržavale samo 256 boja. U tim dalekim vremenima, operativni sistemi su mogli prikazati samo određeni broj osmobitnih nijansi bez izobličenja.
Tada je razvijena sjajna tabela sigurnih boja. Naveo je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem pretraživaču tog vremena. I do danas ovo" odličan rukopis» još uvijek je dostupan na nekim resursima:
Danas se sve promijenilo. 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.
