Vlad Merzhevich
U HTML-u, boja se određuje na jedan od dva načina: korištenjem heksadecimalnog koda i imenom nekih boja. Najčešće korištena metoda temelji se na heksadecimalnom sustavu, kao najuniverzalnijem.
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 dvaju brojeva u jedan (tablica 6.2). Na primjer, broj 255 u decimali odgovara broju FF u heksadecimali.
Kako bi se izbjegla zabuna u definiciji brojevnog sustava, heksadecimalnom broju prethodi znak #, 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 je sljedeća.
Ovdje je boja pozadine web stranice postavljena na #FA8E47. Znak # ispred broja znači da je u heksadecimalnom obliku. Prve dvije znamenke (FA) definiraju crvenu komponentu boje, treće do četvrte znamenke (8E) zelenu komponentu, a posljednje dvije znamenke (47) plavu komponentu. Krajnji rezultat je ova boja.
| FA | + | 8E | + | 47 | = | FA8E47 |
Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF, što na kraju čini 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 aditivan (od dodati - dodati), u kojem dodavanjem sve tri komponente nastaje bijelo.
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 se dobiti siva nijansa. Što je veći broj, to je boja svjetlija, a vrijednosti se mijenjaju od #000000 (crno) do #FFFFFF (bijelo).
- Jarko crvena boja nastaje ako je crvena komponenta maksimalna (FF), a ostale komponente postavljene na nulu. Boja s vrijednošću #FF0000 je najcrvenija moguća crvena nijansa. Isto vrijedi za zelenu (#00FF00) i plavu (#0000FF).
- Žuta (#FFFF00) dobiva se miješanjem crvene i zelene. To se jasno vidi na kotaču boja (sl. 6.1), koji predstavlja primarne boje (crvena, zelena, plava) i komplementarne ili komplementarne. To uključuje žutu, cijan i ljubičastu (koja se naziva i magenta). Općenito, bilo koja boja može se dobiti miješanjem susjednih boja. Dakle, cijan (#00FFFF) se 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, poput Adobe Photoshopa. Na sl. 6.2 prikazuje prozor za odabir boje u ovom programu, linija zaokružuje rezultirajuću heksadecimalnu vrijednost trenutne boje. Možete ga kopirati i zalijepiti u svoj kod.
Riža. 6.2. Birač boja 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 ima veze s načinom 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 bi boja ostala ista u različitim preglednicima, uvedena je paleta tzv. web boja. Web boje su takve boje, za svaku komponentu od kojih je - crvena, zelena i plava - postavljena jedna 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 boja je da se jednako prikazuje 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 pamtili zbirku brojeva, umjesto njih možete koristiti nazive uobičajenih boja. U tablici. 6.3 prikazuje imena popularnih naziva boja.
| Naziv boje | Boja | Opis | Hex 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 | 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 kako ćete odrediti boju - njezinim nazivom ili korištenjem heksadecimalnih brojeva. Po svom učinku ove su metode jednake. Primjer 6-1 pokazuje kako postaviti boju pozadine i teksta web stranice.
Primjer 6.1. Boja pozadine i teksta
Ogledni tekst
U ovom primjeru, boja pozadine postavljena je pomoću atributa bgcolor oznake
, a boju teksta kroz atribut text. Radi raznolikosti, vrijednost atributa text postavljena je na heksadecimalni broj, a bgcolor je postavljen na rezerviranu ključnu riječ teal.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 u definiciji brojevnog sustava, heksadecimalnom broju prethodi simbol #, na primjer #666999. Svaka od tri boje - crvena, zelena i plava - može imati vrijednosti od 00 do FF. Tako je oznaka boje podijeljena na tri komponente #rrggbb, pri čemu prva dva znaka označavaju crvenu komponentu boje, dva srednja označavaju zelenu, a posljednja dva znak 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 nazivu. U tablici. 1 prikazuje nazive, heksadecimalni kod, vrijednosti u RGB, HSL formatu i opis.
| Ime | Boja | Kod | RGB | HSL | Opis |
|---|---|---|---|---|---|
| bijela | #fffff 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%) | mornarsko 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 |
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+ |
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 prihvatljivo postaviti boju kao postotak, dok će 100% odgovarati broju 255. Prvo se specificira ključna riječ rgb, a zatim se komponente boje navedeni u zagradama, odvojeni 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 postavlja prozirnost elementa. Vrijednost 0 je potpuno prozirna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.
RGBA je dodan u CSS3, tako da valjanost CSS koda treba provesti u skladu s ovom verzijom. Valja napomenuti da je standard CSS3 još uvijek u razvoju i da se neke od njegovih značajki mogu promijeniti. Na primjer, RGB boja dodana svojstvu boje pozadine prolazi provjeru valjanosti, ali ona dodana svojstvu pozadine ne. 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 nastao je kombinacijom prvih slova Hue (boja), Saturate (zasićenost) i Lightness (svjetlina). Nijansa je vrijednost boje na kotaču boja (slika 1) i navedena je u stupnjevima. 0° je crveno, 120° je zeleno, a 240° je plavo. Vrijednost nijanse može varirati od 0 do 359.
Riža. 1. Kotačić boja
Zasićenost je intenzitet boje, mjeren u postotku od 0% do 100%. Vrijednost od 0% označava da nema boje i nijansu sive, 100% je maksimalna vrijednost zasićenja.
Svjetlina postavlja koliko je svijetla boja i navedena je kao postotak od 0% do 100%. Male vrijednosti čine boju tamnijom, dok je visoke vrijednosti čine 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 koji postavlja transparentnost elementa. Vrijednost 0 je potpuno prozirna, 1 je neprozirna, a srednja vrijednost poput 0,5 je prozirna.
Vrijednosti boja u formatima RGBA, HSL i HSLA dodaju se u CSS3, pa kada koristite ove formate, provjerite valjanost koda u odnosu na verziju.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Upozorenje
Sve metode hvatanja lava 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 rezultat. Zapamtite, lav je grabežljivac i opasna životinja!
Rezultat ovog primjera prikazan je na sl. 2.
Riža. 2. Boje na web stranici
Minecraft kodovi cvijeće ili Minecraft šifre formatiranje, omogućuju bilo kojem igraču da doda cvijeće i oblikuje tekst na sve moguće načine 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
Ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikaza teksta. Alternativno, tekst se može oblikovati pomoću znaka & 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 brisanje svih kodova, tj. &mAAA&rBBB bit će prikazan kao AAA BBB.
Predstavljamo tablicu postojećih kodova boja u Minecraftu radi vaše udobnosti:
| Kod | Ime | Tehnički naziv | Boja simbola | Boja sjene simbola | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | šesterokutni | R | G | B | šesterokutni | |||
| &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 | Tamno plavo-zelena | tamna_voda | 0 | 170 | 170 | 00AAAA | 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, podcrtaj, istaknuti neki tekst. Za to se koristi oblikovanje teksta. Koristi se na isti način kao i boje (ispred teksta koji stavljamo kod, na primjer &lMinecraft= Minecraft.
Radi vaše udobnosti, u nastavku je tablica kodova za formatiranje:
| Kod | Ime |
|---|---|
| &k | čarobni tekst |
| &l | Sličica |
| &m | Precrtani tekst |
| &n | Podcrtani tekst |
| &o | Kurziv teksta |
| & r | Tekst bez oblikovanja |
U HTML-u boja se može odrediti na tri načina:
Postavljanje boje u HTML-u po imenu
Neke se boje mogu odrediti njihovim imenom, koristeći naziv boje na engleskom kao vrijednost. Najčešće ključne riječi: black (crno), white (bijelo), red (crveno), green (zeleno), blue (plavo) itd.:
Boja teksta - crvena
Najpopularnije boje standarda World Wide Web Consortium (W3C) su:
| Boja | Ime | Boja | Ime | Boja | Ime | Boja | Ime |
|---|---|---|---|---|---|---|---|
| Crno | Sivo | Srebro | Bijela | ||||
| Ž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 nazivu
- Probajte sami"
Zaglavlje na crvenoj pozadini
Zaglavlje na narančastoj pozadini
Zaglavlje na pozadini limete
Bijeli tekst na plavoj pozadini
Zaglavlje na crvenoj pozadini
Zaglavlje na narančastoj pozadini
Zaglavlje na pozadini limete
Bijeli tekst na plavoj pozadini
Određivanje boje s RGB-om
Prilikom prikaza različitih boja na monitoru, RGB paleta se uzima kao osnova. Bilo koja boja dobiva se miješanjem tri glavne: R - crveno, G - zelena (zelena), B - plava (plava). Svjetlina svake boje dana je jednim bajtom i stoga može poprimiti 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 Također možete postaviti boju kao postotak. Svaki od parametara označava razinu svjetline odgovarajuće boje. Na primjer: vrijednosti rgb(127, 255, 127) i rgb(50%, 100%, 50%) će postaviti istu srednju zasićenost zelene boje:
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 prema heksadecimalnoj vrijednosti
Vrijednosti R G B također se može specificirati korištenjem heksadecimalnih (HEX) vrijednosti boja u obliku: #RRGGBB gdje su RR (crveno), GG (zeleno) i BB (plavo) heksadecimalne vrijednosti od 00 do FF (isto kao decimalni 0- 255) . Heksadecimalni sustav se, za razliku od decimalnog, temelji, kao što mu i samo ime kaže, na broju 16. Heksadecimalni sustav koristi sljedeće znakove: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ovdje su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sustavu unija su dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimali odgovara najvećem FF u heksadecimalu. Za razliku od decimalnog sustava, heksadecimalnom broju prethodi znak funte. # , na primjer, #FF0000 prikazuje se kao crvena jer je crvena postavljena na najvišu vrijednost (FF), a ostale boje na minimalnu vrijednost (00). Znakovi nakon simbola hash # može se upisati i velikim i malim slovima. Heksadecimalni sustav omogućuje korištenje skraćenog oblika #rgb, gdje je svaki znak jednak dvostrukom. Stoga bi se unos #f7O trebao smatrati #ff7700.
Primjer: Boja HEX
- Probajte sami"
crvena: #FF0000
zelena: #00FF00
plava: #0000FF
crvena: #FF0000
zelena: #00FF00
plava: #0000FF
crveno+zeleno=žuto: #FFFF00
crvena+plava=ljubičasta: #FF00FF
zelena+plava=cijan: #00FFFF
Popis najčešće korištenih 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 zelena | Tamno proljetno zelena | #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 | |
| Sivo | Sivo | #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čica | #800080 | 128 | 0 | 128 | |
| Crvena | Crvena | #FF0000 | 255 | 0 | 0 | |
| Šafran | Šafran | #F4C430 | 244 | 196 | 48 | |
| morsko zelena | zeleno more | #2E8B57 | 46 | 139 | 87 | |
| Močvarno zelena | Bolotny | #ACB78E | 172 | 183 | 142 | |
| Teal | plavo zeleno | #008080 | 0 | 128 | 128 | |
| Ultramarin | ultramarin | #120A8F | 18 | 10 | 143 | |
| ljubičica | ljubičica | #8B00FF | 139 | 0 | 255 | |
| Žuta boja | Žuta boja | #FFFF00 | 255 | 255 | 0 | |
Kodovi boja (pozadine) prema zasićenosti i nijansi.
Kao što znate, boja može utjecati na stanje osobe: psihičko i fizičko. Svaki dan, pregledavajući internet, oči procjenjuju milijune boja i nijansi. Web dizajner koji je upoznat s psihologijom boja može kontrolirati raspoloženje posjetitelja kako bi postigao bilo koji cilj.
To je zbog činjenice da neke nijanse umiruju, a neke, naprotiv, uzbuđuju. Zatim ćemo govoriti o tome kako se boja sintetizira i prikazuje pomoću računalne tehnologije.
RGB je model boja koji predstavlja način 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 kako ih ono percipira:
RGB model ostaje najpopularniji i danas 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 objedinjeni sustav sinteze boja baziran na RGB-u nazvan sRGB, na kojem su zajedno radili Microsoft i HP.
Numerički prikaz boja
Kao što je ranije spomenuto, RGB boje nastaju miješanjem primarnih boja. Kako bi se opisao intenzitet svake od njih, usvojena je shema u kojoj je boja predstavljena rasponom 0-255 (8 bitova), što odgovara 00-FF u heksadecimalnom obliku.
Odnosno, primarne boje će izgledati ovako:
- Crvena - RGB (255.0.0);
- Zelena - RGB (0.255.0);
- Plava - RGB (0.0.255);
Ako intenzitet boje ima vrijednosti manje od 255, tada se dobivaju različite nijanse crvene, zelene i plave. Slijedi tablica njihove gradacije, kao i heksadecimalne vrijednosti svake od nijansi:
RGB karte boja
Naravno, osim stupnjevanja primarnih boja, postoje i mješovite boje, a njihov broj je prilično velik. Stoga je napravljena tablica RGB boja u kojoj su prikazane sve postojeće nijanse, te njihovi nazivi i numerički prikazi ( u decimalnom i heksadecimalnom obliku).
Možete je upoznati ovdje. Ova tablica uvelike pojednostavljuje život web dizajnerima, jer u nekoliko sekundi možete pronaći željenu nijansu i saznati njen brojčani prikaz.
Sigurna RGB paleta boja
Međutim, u jednom trenutku pojavio se problem prikazivanja boja u različitim preglednicima, a kako bi se to riješilo, 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šajući susjedne boje, a najvjerojatnije će rezultat biti potpuno neprihvatljiv:
Korištenjem RGB kodova boja iz ove palete, web programer može biti bezbrižan oko prikazivanja boja na stranicama svoje web stranice kada se gledaju pomoću različitih preglednika, platformi i monitora. Iako u ovom trenutku tablica sigurnih boja gubi na važnosti ( tehnološki napredak ne stoji mirno), kada ga koristite, možete, kako kažu, mirno spavati.
Zlatna boja u RGB modelu
Po prvi put riječ "zlato" korištena je početkom XIV stoljeća za opis boje kemijskog elementa koji se zove Aurum - zlato. U RGB modelu zlatna boja predstavljena je sljedećim numeričkim vrijednostima:
- RGB (255, 215, 0) - decimalni sustav;
- HEX #FFD700 - heksadecimalni sustav.
Bež boja u RGB modelu
Bež ima prilično značajno mjesto u povijesti, iako nije najizrazitije. Mnogi spomenici kulture, osobito antičke skulpture, izrađeni su od steatita i kamena sapunice koji imaju bež boju. U RGB modelu, 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, rijetkost je pronaći tako "dosadnu" boju. Programeri preferiraju privlačan dizajn, koristeći svijetle boje. Tehnološki napredak omogućuje prikaz velikog broja boja na monitorima, što sliku čini realističnijom.
Dobar loš
