U HTML-u se boja može postaviti na tri načina:
Postavljanje boje u HTML-u prema njenom imenu
Neke boje mogu se odrediti njihovim imenom, koristeći naziv boje na engleskom kao vrijednost. Najčešće ključne riječi su crna, bijela, crvena, zelena, plava itd.
Boja teksta - crvena
Najpopularnije boje standarda World Wide Web Consortium (W3C):
Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
---|---|---|---|---|---|---|---|
Crno | Siva | Srebro | Bijeli | ||||
Žuta boja | Vapno | Aqua | Fuksija | ||||
Crvena | Zelena | Plava | Ljubičasta | ||||
Kesten | Maslina | Mornarica | Teal |
Primjer korištenja različitih naziva boja:
Primjer: postavljanje boje prema njenom imenu
- Pokušajte sami"
Smjer na crvenoj pozadini
Smjer na narančastoj pozadini
Naslov na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Smjer na crvenoj pozadini
Smjer na narančastoj pozadini
Naslov na krečnoj pozadini
Bijeli tekst na plavoj pozadini
Određivanje boje pomoću RGB-a
Kada se na monitoru prikazuju različite boje, temelji se na RGB paleti. Bilo koja boja se dobiva miješanjem tri glavne: R - crveno (crveno), G - zelena (zelena), B - plava... Svjetlina svake boje određena je jednim bajtom i stoga može biti u rasponu od 0 do 255. Na primjer, RGB (255,0,0) se prikazuje kao crvena jer je crvena postavljena na najvišu vrijednost (255), a ostale su postavljene na 0 Boju također možete postaviti kao postotak. Svaki od parametara označava razinu svjetline odgovarajuće boje. Na primjer: rgb (127, 255, 127) i rgb (50%, 100%, 50%) postavit će isto zeleno srednje zasićenje:
Primjer: Određivanje boje pomoću RGB-a
- Pokušajte sami"
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
Heksadecimalna postavka boje
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 decimalna 0-255 ) ... Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, na broju 16. Heksadecimalni sustav koristi sljedeće znakove: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, S, D, E, F. Ovdje su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalu predstavljaju kombinaciju dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimalnom obliku je najveći FF u heksadecimalni. Za razliku od decimalnog sustava, ispred heksadecimalnog broja stavlja se hash simbol # na primjer, # FF0000 se prikazuje kao crvena jer je crvena postavljena na najvišu vrijednost (FF), a ostale boje su postavljene na minimalnu vrijednost (00). Znakovi iza simbola hash # možete upisivati i velikim i malim slovima. Heksadecimalni sustav omogućuje korištenje skraćenog oblika kao što je #rgb, gdje je svaki znak ekvivalentan dvojniku. Dakle, unos # f7O treba smatrati # ff7700.
Primjer: Boja HEX
- Pokušajte sami"
crvena: # FF0000
zelena: # 00FF00
plava: # 0000FF
crvena: # FF0000
zelena: # 00FF00
plava: # 0000FF
crvena + zelena = žuta: # 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 zeleno | Tamno proljetno zeleno | #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 | |
Siva | Siva | #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 | mornarsko 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časta | #800080 | 128 | 0 | 128 | |
Crvena | Crvena | # FF0000 | 255 | 0 | 0 | |
Šafran | Šafran | # F4C430 | 244 | 196 | 48 | |
More zeleno | Zeleno more | # 2E8B57 | 46 | 139 | 87 | |
Močvarno zelena | Močvara | # ACB78E | 172 | 183 | 142 | |
Teal | Plavo zeleno | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | # 120A8F | 18 | 10 | 143 | |
Ljubičasta | Ljubičasta | # 8B00FF | 139 | 0 | 255 | |
Žuta boja | Žuta boja | # FFFF00 | 255 | 255 | 0 |
Kodovi boja (pozadina) prema zasićenosti i nijansama.
Kao što znate, boja može utjecati na stanje osobe: i psihičko i fizičko. Svaki dan, gledajući web stranice na Internetu, oči procjenjuju milijune boja i nijansi. Web dizajner koji poznaje psihologiju boja može manipulirati raspoloženjem posjetitelja kako bi postigao bilo koji cilj.
To je zbog činjenice da su neke nijanse umirujuće, dok su druge, naprotiv, uzbudljive. Zatim ćemo govoriti o tome kako se boja sintetizira i prikazuje pomoću računalne tehnologije.
RGB je model boja koji predstavlja metodu dobivanja svih boja i njihovih nijansi miješanjem u različitim omjerima tri glavne komponente, a to su:
- Crvena boja ( Crvena);
- zelena boja ( Zelena);
- plava boja ( Plava).
Odatle dolazi i skraćeni naziv RGB. Ove boje su odabrane kao glavne s razlogom: razlog je fiziologija mrežnice ljudskog oka i način na koji ih ono percipira:
RGB model i danas je najpopularniji i koristi se za reprodukciju boja na TV ekranima i računalnim monitorima. Budući da proizvođači svojim proizvodima daju različite karakteristike, 1996. godine stvoren je jedinstveni RGB sustav sinteze boja nazvan sRGB, na kojem su Microsoft i HP surađivali.
Numerički prikaz boja
Kao što je ranije spomenuto, RGB boje nastaju miješanjem glavnih boja. Za opisivanje intenziteta svakog od njih usvojena je shema u kojoj je boja predstavljena rasponom 0-255 (8 bita), što u heksadecimalnom sustavu odgovara 00-FF.
Odnosno, primarne boje će izgledati ovako:
- Crvena - RGB (255,0,0);
- Zelena - RGB (0,255,0);
- Plava - RGB (0,0,255);
Ako intenzitet boje poprimi vrijednosti manje od 255, tada se dobivaju različite nijanse crvene, zelene i plave. Ispod je tablica njihove gradacije, kao i heksadecimalne vrijednosti svake od nijansi:
RGB tablice boja
Naravno, osim gradacija primarnih boja, postoje i mješovite, a njihov broj je prilično velik. Stoga je stvorena tablica RGB boja u kojoj su prikazane sve postojeće nijanse, njihovi nazivi i brojčani prikazi ( decimalni i heksadecimalni).
S njim se možete upoznati ovdje. Ova tablica znatno olakšava život web dizajnerima, jer u nekoliko sekundi možete pronaći željenu nijansu i saznati njezin brojčani prikaz.
Sigurna RGB paleta boja
Međutim, u jednom trenutku pojavio se problem prikazivanja boja u različitim preglednicima, a za njegovo rješavanje sastavljena je takozvana "sigurna" paleta RGB boja koje su izvedene matematičkim izračunima.
Kada preglednik ne može ispravno prikazati boju, pokušava se približiti željenoj miješanjem susjednih boja, a rezultat će najvjerojatnije biti potpuno neprihvatljiv:
Koristeći RGB kodove boja iz ove palete, web programer se ne može bojati prikazivanja boja na stranicama svojih web stranica kada ih gledaju s različitim preglednicima, platformama i monitorima. Iako u ovom trenutku tablica sigurnih boja gubi na važnosti ( tehnički napredak još uvijek ne miruje), kada ga koristite, možete, kako kažu, dobro spavati.
Zlatna boja u RGB modelu
Po prvi put riječ "zlato" korištena je početkom XIV stoljeća za opisivanje boje kemijskog elementa nazvanog Aurum - zlato. U RGB-u zlato je predstavljeno sljedećim brojčanim vrijednostima:
- RGB (255, 215, 0) - decimalni sustav;
- HEX # FFD700 - heksadecimalni sustav.
Bež boja u RGB modelu
Bež boja zauzima prilično značajno mjesto u povijesti, čak i ako nije najizrazitija. Mnogi spomenici kulture, posebno antičke skulpture, izrađeni su od kamena sapunice i sapunice, koji imaju bež nijansu. U RGB-u, bež ima sljedeće numeričke prikaze:
- RGB (245, 245, 220) - decimalni sustav;
- HEX # F5F5DC - heksadecimalni sustav.
U današnje vrijeme, pogotovo na World Wide Webu, rijetko se može naći tako "dosadna" boja. Programeri preferiraju privlačan dizajn koristeći svijetle boje. Tehnološki napredak omogućuje prikaz kolosalnog broja boja na monitorima, što sliku čini realnijom.
Dobar loš
Vlad Merzhevich
U HTML-u boja se specificira na jedan od dva načina: pomoću heksadecimalnog koda i imenom nekih boja. Uglavnom se koristi metoda koja se temelji na heksadecimalnom brojevnom sustavu, kao najuniverzalnija.
Heksadecimalne boje
Heksadecimalni brojevi se koriste za određivanje boja u HTML-u. Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, 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 zamjenjuju se latiničnim slovima. Stol 6.1 prikazuje korespondenciju između decimalnih i heksadecimalnih brojeva.
Brojevi veći od 15 u heksadecimalnom sustavu nastaju spajanjem dva broja u jedan (tablica 6.2). Na primjer, 255 decimalno je FF heksadecimalno.
Kako bi se izbjegla zabuna u definiciji brojevnog sustava, hash znak # stavlja se ispred heksadecimalnog broja, na primjer # aa69cc. U ovom slučaju registar nije bitan, 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. Hash simbol # ispred broja znači da je heksadecimalan. Prve dvije znamenke (FA) definiraju crvenu komponentu boje, treće do četvrte znamenke (8E) su zelene, a posljednje dvije znamenke (47) su plave. Kao rezultat, dobivate ovu boju.
FA | + | 8E | + | 47 | = | FA8E47 |
Svaka od tri boje - crvena, zelena i plava - može poprimiti vrijednosti od 00 do FF, što rezultira 256 nijansi. Dakle, ukupan broj boja može biti 256x256x256 = 16.777.216 kombinacija. Model boja koji se temelji na crvenoj, zelenoj i plavoj komponenti naziva se RGB (crvena, zelena, plava; crvena, zelena, plava). Ovaj model je aditivni (od add - dodati), u kojem dodavanjem sve tri komponente tvori bijelu boju.
Da biste olakšali navigaciju u heksadecimalnim bojama, uzmite u obzir neka pravila.
- Ako su vrijednosti komponenti boje iste (na primjer: # D6D6D6), tada dobivate sivu nijansu. Što je broj veći, boja je svjetlija, vrijednosti variraju od # 000000 (crno) do #FFFFFF (bijelo).
- Jarko crvena boja nastaje ako se crvena komponenta postavi na maksimum (FF), a ostale komponente na nulu. Boja # FF0000 je najcrvenija moguća crvena nijansa. Isti je slučaj sa zelenom (# 00FF00) i plavom (# 0000FF).
- Žuta (#FFFF00) se dobiva miješanjem crvene sa zelenom. To je jasno vidljivo na kotaču boja (slika 6.1), gdje su prikazane primarne boje (crvena, zelena, plava) i komplementarne ili komplementarne boje. To uključuje žutu, cijan i ljubičastu (također se naziva magenta). Općenito, bilo koja boja se može dobiti miješanjem obližnjih boja. Dakle, cijan (# 00FFFF) se dobiva kombinacijom plave i zelene.
Riža. 6.1. Krug boja
Heksadecimalne boje ne treba birati empirijski. U tu svrhu prikladan je grafički uređivač koji može raditi s različitim modelima boja, na primjer, Adobe Photoshop. Na sl. 6.2 prikazuje prozor za odabir boje u ovom programu, a rezultirajuća heksadecimalna vrijednost trenutne boje je ocrtana linijom. Možete ga kopirati i zalijepiti u svoj kod.
Riža. 6.2. Prozor za odabir boje u Photoshopu
Web boje
Ako kvalitetu boje 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, gdje preglednik radi sa svojom paletom i ne može prikazati boju koju nema u paleti. U ovom slučaju, boja se zamjenjuje kombinacijom piksela drugih, njoj bliskih boja koje oponašaju navedenu. Kako bi boja ostala nepromijenjena u različitim preglednicima, uveli smo paletu takozvanih web boja. Web boje su one boje, za čiju je komponentu - crvenu, zelenu i plavu - postavljena jedna od šest vrijednosti - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (FF). Zagrade označavaju heksadecimalnu vrijednost ove komponente. 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 ista u svim preglednicima. Trenutno je relevantnost web boja vrlo mala zbog povećanja kvalitete monitora i proširenja njihovih mogućnosti.
Boje po imenu
Kako ne biste pamtili skup brojeva, umjesto toga možete koristiti nazive najčešće korištenih boja. Stol 6.3 navodi nazive 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 | mornarsko plava | #000080 | |
maslina | Maslina | #808000 | |
ljubičasta | Tamnoljubičasta | #800080 | |
Crvena | Crvena | # FF0000 | |
srebro | Svijetlo siva | # C0C0C0 | |
teal | Plavo zeleno | #008080 | |
bijelim | Bijeli | #FFFFFF | |
žuta boja | Žuta boja | # FFFF00 |
Nije važno na koji ćete način boju odrediti - njezinim imenom ili pomoću heksadecimalnih brojeva. Ove metode su jednake u svom djelovanju. Primjer 6.1 pokazuje kako postaviti pozadinu i boju teksta web stranice.
Primjer 6.1. Boja pozadine i teksta
Primjer teksta
U ovom primjeru, boja pozadine postavljena je pomoću atributa bgcolor oznake
, a boja teksta kroz atribut teksta. Za promjenu, atribut teksta je postavljen na heksadecimalni broj, a bgcolor je postavljena na ključnu riječ rezervirana teal.Minecraft vara boje, ili Minecraft kodovi formatiranje, dopustite svakom igraču da dodaje cvijeće i oblikuje tekst na svaki način u Minecraftu. Kodovi boja& 0-9 - do & a-f. Dodajte ih ispred teksta. Poruke igrača mogu sadržavati kodove boja koji vam omogućuju dodavanje boje vašim prijedlozima.
Boje i kodovi za oblikovanje
Ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikaza teksta. Alternativno, tekst se može formatirati znakom & nakon kojeg slijedi slovo. Možete dodati različite boje knjigama, blokovima naredbi, nazivu poslužitelja, opisu poslužitelja (motd), nazivima svijeta, pločicama, pa čak i imenima igrača.
Vrlo je jednostavno formatirati svoj tekst u konfiguracijama ili u igri koristeći tablicu boja ispod. & r se koristi za brisanje svih kodova, t.j. & mAAA & rBBB bit će prikazani kao AAA BBB.
Za vašu udobnost predstavljamo tablicu postojećih kodova boja u Minecraftu:
Kod | Ime | Tech.Name | 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 | mornarsko plava | tamno plava | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Tamnozelene | tamnozelene | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tamnoplava zelena | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Tamno crvena | tamno crvena | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tamnoljubičasta | tamno ljubičasta | 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 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 |
& 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 | Bijeli | bijelim | 255 | 255 | 255 | Fffffff | 63 | 63 | 63 | 3F3F3F |
Ponekad trebate podcrtati, precrtati, istaknuti bilo koji tekst... Za to se koristi oblikovanje teksta. Koristi se na isti način kao i boje (ispred teksta koji stavljamo kod npr. & lMinecraft = Minecraft.
Radi vaše udobnosti, ispod je tablica kodova oblikovanja:
Kod | Ime |
---|---|
& k | Čarobni tekst |
& l | Sličica |
& m | Precrtan tekst |
& n | Podvučeni tekst |
& o | Kurziv tekst |
& r | Neformatirani tekst |
Za postavljanje boja koriste se heksadecimalni brojevi. Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kako mu ime govori, 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 zamjenjuju se latiničnim slovima. Brojevi veći od 15 u heksadecimalu nastaju spajanjem dva broja u jedan. Na primjer, 255 decimala jednako je FF heksadecimalno. Kako bi se izbjegla zabuna u definiciji brojevnog sustava, hash znak # stavlja se ispred heksadecimalnog broja, na primjer # 666999. Svaka od tri boje - crvena, zelena i plava - može se kretati od 00 do FF. Dakle, oznaka boje podijeljena je na tri komponente #rrggbb, gdje prva dva znaka označavaju crvenu komponentu boje, dva srednja - zelenu, a posljednja dva - plavu. Dopušteno je koristiti skraćeni oblik kao što je #rgb, gdje svaki znak treba biti udvostručen. Dakle, unos # fe0 treba tretirati kao # 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 po imenu. Stol 1 prikazuje nazive, heksadecimalni kod, RGB, HSL vrijednosti i opis.
Ime | Boja | Kod | RGB | Hsl | Opis |
---|---|---|---|---|---|
bijelim | #fffff ili #fff | rgb (255,255,255) | hsl (0,0%, 100%) | Bijeli | |
srebro | # c0c0c0 | rgb (192,192,192) | hsl (0,0%, 75%) | Siva | |
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%) | mornarsko 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%) | Ružičasta | |
ljubičasta | #800080 | rgb (128,0,128) | hsl (300,100%, 25%) | Ljubičasta |
S RGB-om
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Možete odrediti boju pomoću decimalnih vrijednosti crvene, zelene i plave komponente. Svaka od tri komponente boje ima vrijednost od 0 do 255. Također je dopušteno postaviti boju kao postotak, dok će 100% odgovarati broju 255. Prvo je naznačena ključna riječ rgb, a zatim u zagradama komponente boje su označene, 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+ |
RGBA format je po sintaksi sličan RGB-u, ali uključuje alfa kanal koji kontrolira transparentnost elementa. Vrijednost 0 odgovara punoj prozirnosti, 1 neprozirnosti, a srednja vrijednost poput 0,5 poluprozirnosti.
RGBA je dodan u CSS3, tako da bi valjanost CSS koda trebala biti obavljena pomoću ove verzije. Treba napomenuti da je CSS3 standard još uvijek u razvoju i da se neke značajke mogu promijeniti. Na primjer, RGB boja dodana svojstvu background-color je potvrđena, ali boja dodana svojstvu pozadine više ne. Istodobno, 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 formiran je od kombinacije prvih slova Hue (nijansa), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotaču boja (slika 1) i data je u stupnjevima. 0 ° je crvena, 120 ° je zelena, a 240 ° je plava. Vrijednost nijanse može biti u rasponu od 0 do 359.
Riža. 1. Kotačić u boji
Zasićenost je intenzitet boje, mjeren u postocima od 0% do 100%. Vrijednost od 0% označava bez boje i nijansu sive, 100% je maksimalna vrijednost zasićenja.
Svjetlina postavlja koliko je svijetla boja i prikazuje se u postocima od 0% do 100%. Niske vrijednosti čine boju tamnijom, a visoke vrijednosti posvjetljuju, ekstremne vrijednosti od 0% i 100% odgovaraju crno-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 je po sintaksi sličan HSL-u, ali uključuje alfa kanal koji postavlja transparentnost elementa. Vrijednost 0 odgovara punoj prozirnosti, 1 neprozirnosti, a srednja vrijednost poput 0,5 poluprozirnosti.
Vrijednosti boja u formatima RGBA, HSL i HSLA dodane su u CSS3, stoga svakako provjerite valjanost verzije kada koristite ove formate.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Upozorenje
Sve metode za hvatanje lava navedene na stranici su teorijske i temelje se na računskim metodama. Autori ne jamče vašu sigurnost prilikom njihove uporabe i odriču se bilo kakve odgovornosti za rezultat. Zapamtite, lav je grabežljivac i opasna životinja!
Rezultat ovog primjera prikazan je na sl. 2.
Riža. 2. Boje na web stranici