Minecraft kodovi boje 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 | 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 | 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 |
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 | 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 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.>>Upravljanje bojama
Heksadecimalne RGB vrijednosti boja
Metode opisa i obrade boja međusobno se razlikuju po tome kakvom su konačnom prikazu namijenjene. Usporedimo npr. prikaze boja za poligrafiju i za računalne monitore. U prvom slučaju osnova je bijela boja papira na koji se naknadno nanose tri osnovne boje: plava, ljubičasta i žuta boja. Miješajući se međusobno i s bijelom bojom papira u različitim omjerima, ove tri osnovne boje daju različite nijanse boja, osim čiste crne, ili u potpunom nedostatku boja daju bijeli papir. Dodamo li im crnu, dobivamo CMYK- način prenošenja boje kada se željena boja dobije oduzimanjem boja koje nedostaju od bijele.
U drugom slučaju osnova je crno boja zaslona monitora, čija svaka ćelija svijetli u jednoj od tri boje: Crvena-Crvena, zelena-zeleno i plava-plava. Tada, u potpunoj odsutnosti ikakvog sjaja, dobivamo čisto crnu boju ekrana, a bilo koja od traženih boja je dana omjerom svake od tri boje. U ovom slučaju ćemo dobiti RGB- Metoda prijenosa boje. Primarne boje mogu imati značenja iz 0
prije 255
, ili od 0%
prije 100%
, ili se može predstaviti kao heksadecimalna vrijednost. Na slici ispod možete vidjeti rezultate miješanja primarnih boja.
Heksadecimalni brojevni sustav, za razliku od decimalnog brojevnog sustava, nema deset znamenki u svom nizu znamenki, već šesnaest - otuda i naziv. Sukladno tome, varijante kombinacija dviju znamenki koje se ne ponavljaju mogu biti samo - 256 , za nastavak niza znamenki nakon 9 pisma iz A prije F, tako da će red izgledati ovako -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
U ovom slučaju, boju daju tri heksadecimalna broja, od kojih se svaki sastoji od dvije znamenke. Prvi broj određuje intenzitet Crvena boje, prosječne zelena, zadnja stvar- plava boje. Svi brojevi mogu imati vrijednosti u rasponu od 00 prije FF(od 0 do 255). Na primjer: zelena boja je dana kao #00FF00, crveno - poput #FF0000, plavo - poput #0000FF, bijelo - poput #FFFFFF, potpuno odsustvo boje ili crne je dano kao #000000 .
U donjem obrascu možete postaviti bilo koje heksadecimalne vrijednosti za svaku od tri boje i vidjeti rezultat njihovog miješanja klikom na polje za ispis.
Primjeri nekih heksadecimalnih RGB vrijednosti boja: crvene, plave i zelene gradacije.
| pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Specificiranje boje pomoću string literala
Radi lakšeg korištenja, neke boje i njihove kombinacije dobile su nazive koje prepoznaju svi preglednici te je postalo moguće mnoge od njih postaviti po imenu. Donja tablica prikazuje neke od naziva boja:
| pogled | Ime | pogled | Ime | pogled | Ime | pogled | Ime |
| Bijela | Crvena | naranča | Žuta boja | ||||
| zelena | Plava | Ljubičasta | Crno | ||||
| Alisa plava | starinsko bijelo | Aqua | akvamarin | ||||
| Azurno | Bež | Čorba | blanširani badem | ||||
| Plavoljubičasta | Smeđa | Burlywood | Kadet plava | ||||
| šartrez | Čokolada | Koraljni | Cornflowerblue | ||||
| kukuruzna svila | Grimizna | cijan | tamno plava | ||||
| tamnocijan | tamna zlatica | tamno sivo | tamnozelene | ||||
| tamnokaki | tamnocrvena | tamnozeleno | tamnonarandžasta | ||||
| Darkorchid | tamno crvena | tamni losos | Darksea zelena | ||||
| tamnoplava | tamnosiva | tamnotirkizna | Tamnoljubičasta | ||||
| Deeppink | duboko nebesko plavo | Dimgray | dodger blue | ||||
| Vatrostalna opeka | Cvjetno bijela | šumsko zelena | Fuschia | ||||
| Gainsboro | duh bijel | Zlato | Zlatna šipka | ||||
| Sivo | Zelenožuta | Medljika | hotpink | ||||
| Indijska crvena | Indigo | Bjelokost | Kaki | ||||
| Lavanda | Rumenilo od lavande | Limunski šifon | svijetlo plava | ||||
| svijetlokoralj | svijetlocijan | svijetlohladnocrvenožuta | svijetlo zelena | ||||
| svijetlo siva | Svijetloružičasta | svijetli losos | Svijetlosno zelena | ||||
| Svijetloplava | Svijetlosivo siva | svijetlo čelično plava | svijetlo žuto | ||||
| vapno | Limeta zelena | posteljina | Magenta | ||||
| kesten | srednji akvamarin | srednje plava | Srednja orhideja | ||||
| Srednje ljubičasta | Srednjezeleno | Srednje škriljastoplava | Srednjeproljetnozeleno | ||||
| srednje tirkizna | srednjeljubičasto crvena | ponoćno plava | krema od mente | ||||
| maglovita ruža | Navajowhite | Mornarica | stara čipka | ||||
| Maslina | Olivedrab | narančasto crvena | Orhideja | ||||
| blijedozlatnica | Blijedozelena | blijedotirkizna | palevioletred | ||||
| papayawhip | Peachpuff | Peru | Ružičasta | ||||
| Šljiva | Puderasto plava | Ružičasto smeđa | kraljevski plava | ||||
| sedlosmeđa | morskozelena | Školjka | Sienna | ||||
| Srebro | plavo nebo | Slateblue | Slategray | ||||
| Snijeg | Springgreen | čelično plava boja | Tan | ||||
| Teal | čičak | rajčica | Tirkiz | ||||
| ljubičica | Pšenica | Bijeli dim | žutozelena |
Korištenje sigurnog alata za odabir boja
Nažalost, na različitim platformama, s različitim postavkama sustava, točna reprodukcija boja je problem. Stvar je u tome što preglednik uvijek pokušava prilagoditi paletu boja dokumenta postavkama sustava i mogućnostima monitora, samim miješanjem i zamjenom boja. Kao rezultat toga, ponekad korisnik ne vidi baš ono što mu je webmaster želio pokazati. Izlaz iz ove situacije pronađen je u korištenju palete, čija je svaka boja zajamčeno prikazana na isti način u svim preglednicima na različitim platformama. Ovaj tzv Zagarantiran paleta, također poznata kao sef paleta. Ova paleta uključuje boje čije komponente boja poprimaju sljedeće vrijednosti: 00 ,33 ,66 ,99 , CC,FF, u svim mogućim 216 njihove kombinacije.
| pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | 0000 FF | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | 0000 FF | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| 9900 FF | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
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š
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%) | 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 |
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
