Kodovi boja u CSS-u koriste se za određivanje boja. Obično se kodovi boja ili vrijednosti boja koriste za postavljanje boje za prednji plan elementa (npr. tekst, boja veze) ili pozadinu elementa (pozadina, boja bloka). Također se mogu koristiti za promjenu boje gumba, obruba, markera, lebdenja i drugih ukrasnih efekata.

Možete postaviti svoje vrijednosti boja u različitim formatima. Sljedeća tablica navodi sve moguće formate:

Ti su formati detaljnije opisani u nastavku.

CSS boje - heksadecimalni kodovi

Heksadecimalni kod boje je šesteroznamenkasti prikaz boja. Prve dvije znamenke (RR) su crvena vrijednost, sljedeće dvije su zelena vrijednost (GG), a posljednje dvije su plava vrijednost (BB).

CSS boje - kratki heksadecimalni kodovi

Kratki heksadecimalni kod boje je kraći oblik zapisa od šest znakova. U ovom formatu, svaka znamenka se ponavlja kako bi se proizvela ekvivalentna šesteroznamenkasta vrijednost boje. Na primjer: #0F0 postaje #00FF00.

Heksadecimalna vrijednost može se uzeti iz bilo kojeg grafičkog softvera kao što je Adobe Photoshop, Core Draw itd.

Svakom heksadecimalnom kodu boje u CSS-u prethodit će znak "#". Slijede primjeri korištenja heksadecimalnog zapisa.

CSS boje - RGB vrijednosti

RGB vrijednost je kod boje koji se postavlja korištenjem svojstva rgb(). Ovo svojstvo ima tri vrijednosti: po jednu za crvenu, zelenu i plavu. Vrijednost može biti cijeli broj, od 0 do 255 ili postotak.

Bilješka: Ne podržavaju svi preglednici svojstvo boje rgb(), stoga se ne preporučuje njegovo korištenje.

Ispod je primjer koji prikazuje više boja koristeći RGB vrijednosti.

Generator koda boja

Pomoću naše usluge možete stvoriti milijune kodova boja.

Boje sigurnog preglednika

Ispod je tablica od 216 boja koje su najsigurnije i neovisne o računalu. Te se boje u CSS-u kreću od 000000 do FFFFFF heksadecimalni kod. Sigurni su za korištenje jer osiguravaju da će sva računala ispravno prikazati boju kada rade s paletom od 256 boja.

Računalne igrice jedan su od najpopularnijih načina za zanimljivo provođenje slobodnog vremena. Uranjajući u svijet video igara, zaboravljamo na stvarne probleme i nevolje, opuštamo se i uživamo. A ako je ovo online igra ili igra u multiplayer modu, onda je njena glavna prednost što ovdje možete upoznati mnogo ljudi iz cijelog svijeta i pronaći ne samo istomišljenike, već i najbolje prijatelje. Želite li znati kako postavke igre, sve do boje u "MTA", mogu utjecati na vašu komunikaciju s drugim igračima? Nastavi čitati!

Značajke načina rada za više igrača

Jeste li se ikada zapitali: kako podesiti boje u "MTA" ili u nekoj drugoj igri? Nitko tko je ikada imao priliku igrati online igru ​​s velikim brojem igrača neće poreći da se želi pokazati u najboljem svjetlu pred drugima. Možete pokazati posebne, skupe stvari svog lika, istaknuti se u poznavanju terminologije igre ili jednostavno prilagoditi sučelje svoje igre tako da radi bolje od neiskusnih igrača.

Boje u "MTA" - što trebate znati?

Ako govorimo o jednoj od verzija multiplayer moda igre "GTA: San Andreas", "MTA", onda boja ovdje igra vrlo važnu ulogu. Sposobnost prilagođavanja boje za vaš nadimak u "MTA" jedna je od najboljih vještina koju bi svaki igrač početnik trebao steći.

Dakle, da postavite boju nadimka, idite na aplikaciju "MTA:CA" i kliknite na opciju Postavke, zatim odaberite svoje ime, a zatim unesite željeni kod boje točno ispred njega. U "MTA" postoji velika paleta boja za nadimke. U članku smo ubacili ogledne palete među kojima možete odabrati svoju omiljenu nijansu.

Sada znate kako se možete istaknuti i učiniti da se vaš nadimak razlikuje od nadimaka početnika i neiskusnih igrača. Svijetao, razlikovat će vas od običnih igrača i privući više pozornosti na vas. Uživajte u igri!

CSS se ne razumije). Stoga budući webmaster samo treba učiti HTML alati koji vam omogućuju promjenu boje, na primjer, kako bi napravili svijetle i šarene e-mail biltene koji će privući pozornost ciljne publike stranice.

Ovaj se unos pokazao prilično opsežnim, ali iz njega ćete naučiti o svim tehničkim značajkama rada s bojom pomoću HTML-a. Snimku ćemo započeti baveći se pitanjem: zašto pojedine elemente HTML stranice trebamo isticati bojom. Zatim ćemo govoriti o RGB modelu koji vam omogućuje određivanje boja u HTML-u pomoću posebnih kodova (usput ćemo pogledati decimalne kodove boja i heksadecimalne HTML vrijednosti boja). Također iz ovog posta naučit ćete o paleti boja, a također ćete razumjeti zašto u HTML-u nema palete. I kraj ove publikacije će biti primjeri mijenjanja boja pozadine, teksta i linkova.

Korištenje boja u HTML-u

Stranice web-mjesta bile bi dosadne i nezanimljive bez slika, o kojima smo ranije i vrlo detaljno govorili. Ali slike imaju jedan značajan nedostatak: svaka slika je dodatna i, prema tome, dodatno opterećenje na hostingu.

Napominjem da za dizajn svog WordPress bloga nisam koristio niti jednu sliku, izgled je u potpunosti ukrašen bojom. Baš isto o bojama u HTML-u, danas ćemo razgovarati s vama. Boje u HTML-u koriste se u različite svrhe, na primjer, možemo dizajnirati izglede web stranica tako da ih istaknemo jednom ili drugom bojom.

Uz pomoć boje možemo usmjeriti pažnju posjetitelja na određeni tekst ili blok stranice. Imajte na umu da se također određuje bojom na način da korisnik može razumjeti: na koju je poveznicu već kliknuo, koju još nije posjetio i na kojoj se HTML stranici trenutno nalazi.

Budi oprezan korištenje boja za stiliziranje HTML dokumenata, ne idu sve boje dobro jedna s drugom i neće svaka boja biti ugodna posjetiteljima vaše stranice. Ali bolje pitajte web dizajnere o ovim suptilnostima, ovaj će vam članak pomoći da se nosite s tehničkim značajkama koje vam omogućuju kontrolu boje elemenata HTML stranice.

Ali ne treba zaboraviti da dizajn treba odvojiti od sadržaja, pa je bolje koristiti CSS za manipulaciju bojama u HTML stranicama, ali o tome ćemo u drugom postu. Sad ćemo vidjeti koji alati postoje u HTML-u za kontrolu boje na stranicama stranice.

U IT industriji postoje mnogi modeli boja za manipulaciju bojama. Najrašireniji model predstavljanja boja je RGB model. Ovdje ćemo govoriti o nekim značajkama ovog modela, a za detaljnije upoznavanje s RGB-om bit će posebna publikacija. Ispod ćete pronaći popis modela boja koji se koriste u IT-u (ne samo HTML i CSS):

1. RGB model. Ovaj je model postao vrlo raširen i možda je jedan od najprikladnijih i najčešćih načina za manipuliranje bojom HTML elemenata.
2. RGB model. Ovaj model je vrlo sličan RGB modelu, ali uključuje alfa kanal za boju. Posebnost RGBA modela je da vam omogućuje prilagodbu ne samo boju HTML elementa, već i njegovu prozirnost zbog prisutnosti alfa kanala. RGBA model je dodan u CSS3 i ne podržavaju ga stariji preglednici.
3. HSL model. Osobitost HSL modela je da boju postavljamo pomoću njegovih parametara: nijansa, kićenost i svjetlina. Ovaj model je nešto teže razumjeti nego RGB model.
4. HSLA model. Ovaj model je vrlo sličan HSL modelu, ali on, kao i RGBA model, omogućuje rad s alfa kanalom boje, tako da pomoću HSLA možemo postaviti ne samo boju HTML elementa na stranici, već i njegovu transparentnost.
5. Model HSV (HSB). Ovaj model ne treba brkati s HSL modelom. Imajte na umu da se prva četiri modela mogu koristiti u HTML-u ili CSS-u za stiliziranje web stranica, ali HSV model ne može. Model HSV razvio je jedan od osnivača studija Pixar 1978. godine i vrlo je sličan HSL-u.
6. Model CMY ili CMYK. Ovaj model se koristi u svim pisačima u boji za ispis. CMYK model se temelji na pravilu da se ispis odvija na bijelim listovima papira. Bilo koja boja u CMYK modelu dobiva se miješanjem Cyan (blijedo cijan, cijan), Magenta (magenta) i žute. Svaka boja u CMY modelu ima svojstvo neprozirnosti (količina tinte), mjereno u postotku. No osim tri navedene boje, CMYK model koristi i crnu.

Svi gore navedeni modeli boja ovise o uređaju, odnosno ako vi postaviti boju HTML elementa koristeći RGB ili HSL model, onda je nemoguće točno reći kakvu će nijansu boja vidjeti posjetitelj vaše stranice, jer su monitori svih korisnika različiti i boje prenose na različite načine. Također imajte na umu da se svi gore navedeni modeli temelje na RGB modelu i bilo koja boja navedena u bilo kojem od modela (osim HSLA i RGBA zbog prisutnosti alfa kanala) može se pretvoriti u RGB.

Ako govorimo o modelima boja neovisnim o uređaju, onda vrijedi istaknuti LAB model. Dakle, malo smo skrenuli s rada s bojom u HTML-u, upoznajući se s nekim modelima boja. Imajte na umu da preglednici "razumiju" samo prva četiri modela: HSL, RGB, HSLA i RGBA. Stoga samo uz pomoć ovih modela možemo kontrolirati boju HTML elemenata.

Kako se formira boja HTML elementa: neke značajke RGB modela

Hajdemo shvatiti kako se formira boja HTML elementa te s nekim karakteristikama RGB modela. Napominjemo da ćemo o RGB modelu, kao io ostalim modelima koji se koriste za dizajn web stranica, govoriti nešto kasnije u zasebnim natuknicama.

Dakle, RGB model označava crvenu, zelenu, plavu. RGB model se temelji na principu aditivnosti. Ovo načelo je da se crnoj boji dodaje boja da bi se dobila bilo koja boja. Za bolje razumijevanje, zamislite da je vaš ekran crni zid i da imate tri reflektora: prvi je crveni, drugi je zeleni, a treći je plavi. Svjetlinu svakog reflektora možete podesiti pomoću ravnala s brojevima od 0 do 255. Prema tome, ako postavite reflektor na nulu, on se gasi i ne svijetli, ako je vrijednost 255, tada reflektor daje najsvjetliju boju.

Dakle, ispada da ako obasjate istu točku crvenim i zelenim reflektorom, tada ćete primijetiti žutu mrlju na crnom zidu. Ako spojite crvenu i plavu, dobit ćete magenta, a ako spojite zelenu i plavu, tada će svjetlosna točka na crnom zidu biti Cyan, ali ako sva tri reflektora usmjerite u istu točku, tada će svjetlosna točka biti bijela .

Gore opisano načelo je temelj RGB modela i koristi se za manipuliranje bojama u HTML elementima na stranici u pregledniku.

HTML atributi za promjenu boje elemenata: boja pozadine elementa i boja teksta unutar elementa

Koristi se da elementi stranice budu jedinstveni. S HTML atributima možemo manipulirati bojom elemenata:

1. HTML atribut boja. Ovaj atribut omogućuje promjenu boje teksta unutar HTML elementa. Atribut može poprimiti vrijednosti u obliku HTML naziva boja i RGB kodova modela u heksadecimalnom i decimalnom zapisu. Atribut boje je jedinstveni HTML atribut koji vam omogućuje promjenu boje teksta unutar određenih HTML elemenata.
2. HTML atribut teksta. Ovaj atribut je jedinstveni atribut oznake. . Označiti zajedno s oznakama i obrazac . Ako se sjećate, onda unutar kontejnera postavljaju se elementi koje preglednik zatim prikazuje u okviru za prikaz. Atribut teksta omogućuje vam postavljanje zadana boja teksta za sve html stranice.
3. HTML atribut bgcolor. To je također jedinstveni HTML atribut i omogućuje vam promjenu boje pozadine nekih HTML elemenata.
4. vlink HTML atribut. Ovaj atribut je jedinstven i odnosi se samo na oznaku. za promjenu boje poveznice koju je korisnik već posjetio.
5. HTML atribut veze. Ovaj je atribut također jedinstven i odnosi se samo na oznaku. . Atribut alink mijenja boju aktivne HTML veze.
6. HTML atribut veze. Atribut veze koristi se samo s oznakom a služi za promjenu boje linkova HTML stranica koje korisnik još nije posjetio.

Imajte na umu da se ne preporučuje korištenje atributa za promjenu boje HTML elemenata, budući da postoje kaskadni listovi stilova koji vam omogućuju da odvojite dizajn web stranice od njezinog sadržaja.

Korištenje decimalnih kodova boja u HTML-u

Dakle, razgovarali smo o tome kako možete postaviti svjetlinu boje reflektora pomoću posebnog ravnala, na kojem su numerirane brojke od 0 do 255. Sada da vidimo kako će nam to pomoći da promijenimo boju HTML elemenata. Stvar je u tome što možemo promijeniti boju teksta unutar HTML elementa ili boju pozadine u HTML-u pomoću decimalnog koda na sljedeći način:

Ako izradite HTML dokument koji opisuje spremnik tijela kao u primjeru, vidjet ćete:

1. Boja pozadine HTML dokumenta sada je zelena: bgcolor=”rgb (0,255,0)”.
2. Boja teksta HTML stranice postat će plava: text=”rgb (0,0,255)”.
3. HTML boja veze koju korisnik nije posjetio bit će bijela: veza=”rgb (255,255,255)”.
4. Boje linka koji je trenutno otvoren bit će crne: alink=”rgb (0,0,0)”.
5. A boja HTML veze koja je već posjećena bit će crvena: vlink=”rgb (255,0,0)”.

Imajte na umu: nitko vam ne brani da prilagodite "snagu reflektora" po vlastitom nahođenju, možete postaviti html boju, na primjer, na ovaj način:

I dobiti boju djetinjastog iznenađenja. Ovo je značajka, fleksibilnost i pogodnost RGB modela. Vaš monitor je crni zid s reflektorima koji sjaje na njemu, a možete prilagoditi snagu tih reflektora i stvoriti sve vrste pozadine, teksta i boja veza koristeći HTML atribute u decimalnom zapisu, ili biste mogli reći: pomoću decimalnih kodova boja.

Zapravo pogrešno reći decimalne kodove boja u html-u, ispravnije bi bilo reći RGB decimalni kodovi boja, budući da se ovaj model ne koristi samo za dizajn web stranica u HTML-u i CSS-u.

Heksadecimalne vrijednosti HTML boja

Postavljanje boje HTML elemenata kodovima decimalnog RGB modela nije baš zgodno (i trenutno ne podržavaju svi preglednici ovaj način manipulacije bojama), budući da notacija neće biti najkompaktnija, mnogo je prikladnije postaviti boju HTML elemenata koristeći heksadecimalne vrijednosti. Na donjoj slici možete vidjeti kako se decimalne vrijednosti pretvaraju u heksadecimalne.

Za one koji nisu upoznati sa heksadecimalnim brojevnim sustavom treba dati malo objašnjenje kako bi lakše manipulirajte bojom HTML elemenata pomoću heksadecimalnih kodova RGB modela. Prvo, decimalni brojevni sustav je tako nazvan jer se bilo koji broj može dobiti kombinacijom deset znamenki (terminologija je važna: postoji razlika između broja i znamenke): 0, 1, 2, 3, 5, 6, 7, 8, 9.

U heksadecimalnom brojevnom sustavu bilo koji broj može se napisati kombinacijom šesnaest znamenki: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Radi lakšeg razumijevanja, možete smatrati da je a deset, a f petnaest. Na primjer, broj šesnaest bio bi zapisan u heksadecimalnom obliku na sljedeći način: 10. A broj 255 bi bio zapisan kao ff.

Sada da vidimo kako možemo postavite boju HTML elemenata koristeći heksadecimalne vrijednosti, ponavljamo naš prethodni primjer, zamjenjujući decimalne kodove boja njihovim heksadecimalnim pandanima:

Bilješka: pisanje boja u HTML-u u heksadecimalnom formatu nešto je kompaktnije nego u decimalnom je prvi. Drugo: snaga svakog reflektora određena je brojevima od 0 do 255. Za pisanje broja 255 potrebne su dvije znamenke u heksadecimalnom formatu (ff = 250), dakle svjetlina svakog kanala boje (naši reflektori ispravno nazivaju kanal boja , kanal boja) određen je s dvije znamenke od 0 do f.

Imajte na umu: svjetlina svakog kanala boja postavlja se zasebno, ali ako zamislimo da je to jedan broj, tada je najveći mogući broj u heksadecimalnom sustavu RGB modela ffffff, to će nam dati bijelu boju, au decimalni sustav je: 16 777 215. Takav broj boja i nijansi omogućuje vam postavljanje / korištenje RGB modela. Ovaj broj dolazi iz činjenice da svaki kanal boja ima 256 vrijednosti svjetline (od 0 do 255), odnosno: 256*256*256 = 16.777.215.

HTML heksadecimalne vrijednosti boja su kompaktnije i opisnije, većina web dizajnera i dizajnera izgleda koristi heksadecimalne vrijednosti za manipulaciju bojama u HTML-u, stoga preporučujemo da se ne navikavate na decimalni oblik zapisa boja, već odmah koristite heksadecimalni.

Jasno je da će u početku dizajneru početniku ili dizajneru izgleda biti teško kretati se u heksadecimalnom obliku zapisa boja, stoga gotovo svaki grafički uređivač ima takozvanu paletu boja koja vam omogućuje da odaberete željenu boju i dobijete njegov kod za različite modele boja u različitim brojevnim sustavima.

Neki uređivači teksta, poput , imaju proširenja paleta koja su korisna kada želite brzo odabrati boju i promijeniti je. S tim u vezi ne mogu ništa reći.

Nazivi boja u HTML-u

HTML atributi mogu uzeti kao vrijednost ne samo decimalne kodove i heksadecimalne vrijednosti, ali i posebna imena boja. Promjena boje HTML elementa pomoću njegovog naziva nije dobra ideja. Prvo, kod RGB modela skriven je iza naziva boje u HTML-u, a drugo, svaki preglednik drugačije prikazuje boju HTML elementa određenog imenom, što ovisi samo o želji programera preglednika.

Zato upotreba naziva boje u HTML-u je zastarjela. RGB model ovisi o hardveru, a boja određena pomoću naziva ovisi o pregledniku, pa čak i njegovoj verziji. Pokušajmo obojiti elemente HTML stranice koristeći naziv:

Kao što možete zamisliti, postoji mnogo boja i nijansi. Ovdje je vrijedno napomenuti da HTML atributi ne dopuštaju postavljanje gradijenta, to je moguće u CSS-u, ali o tome ćemo govoriti u drugom postu. I postoje nazivi za mnoge boje u HTML-u. Tablicu s nazivima boja u HTML-u i njihovim RGB kodovima možete pronaći na mojoj web stranici.

Gornja tablica pokazuje kakvu će boju dobiti HTML element ako mu date ime. Ova tablica prikuplja 16 boja i njihovih naziva koje je odobrio W3C i trebaju se prikazivati ​​isto u bilo kojem pregledniku. Ali zapravo, u HTML-u možete koristiti oko 200 naziva boja koje podržavaju glavni preglednici, kao što su: Opera, Chrome, Firefox, Safari, Internet Explorer (ova izjava je vrlo kontroverzna u vezi s potonjim).

Paleta boja u HTML-u

Zapravo u html-u nema birača boja. Prisjetimo se definicije riječi paleta. Paleta je mala tanka pravokutna ili ovalna ploča na kojoj umjetnik miješa boje i dobiva sve vrste boja. Ponekad se u paleti napravi rupa za palac kako bi bila udobna za držanje. Slika palete se nalazi ispod. Stoga u HTML-u ne postoji paleta.

Ali u raznim uređivačima teksta postoje dodaci palete boja ta pomoć brzo odaberite boju HTML elementa. U grafičkim urednicima postoji i paleta boja, jer dizajneru nije baš zgodno i zabavno sjediti i izračunati: koja će se boja dobiti s određenom svjetlinom određenog kanala. Na donjoj slici možete vidjeti najjednostavniju paletu Paint editora.

Imajte na umu da mnogi moduli i dodaci palete boja omogućuju vam da dobijete kod boje ne samo u RGB / RGBA formatu, već iu formatu drugih modela. Zapamtiti da u HTML-u nema palete, pa, osim što si umjetnik do srži i nazovite paletu boja HTML stranice tim bojama, koji su korišteni za ukrašavanje (uostalom, ponekad se paletom nazivaju boje koje ovaj ili onaj umjetnik koristi ili boje koje su korištene za stvaranje ove ili one slike).

Učenje mijenjanja boje teksta u HTML-u

Dobili smo puno teorije o bojama u HTML-u bacimo se na praksu i pokušajmo rad s bojama HTML elemenata. Prvo što ćemo naučiti raditi - promijeniti boju teksta u html dokumentu pomoću posebnih atributa i oznaka. Otvorite bilo koji editor i u njega upišite sljedeći kod:

Učenje rada s bojom u HTML-u

Promjena boje teksta

Za promjenu boje teksta možemo koristiti jedinstveni atribut tekstualnog elementa BODY, a također možemo koristiti element FONT i njegov atribut boje. Ovaj tekst će biti siv.

Spremit ću ovu datoteku kao color.html i savjetujem vam da ne zaboravite na . Chrome, Firefox i Opera ne podržavaju decimalni zapis boja, ali IE razumije ovaj zapis boja i ističe HTML zaglavlje zelenom bojom:

Ispravno je reći ne mijenjati boju teksta u HTML-u, već mijenjati boju fonta u HTML-u. profesionalac

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:

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:

Nažalost, na stranici još nije moguće prikazati osjećaje okusa. Ali to se može u potpunosti nadoknaditi uz pomoć boja. Uostalom, html boje vam omogućuju da prikažete bilo koju od milijuna nijansi. tako da " bojice” u njegovom setu ima mnogo više od sedam.

shema boja u html-u

U html-u boja se može odrediti u nekoliko formata:

1. Kao heksadecimalna vrijednost - koristi se šifra navedena u heksadecimalnom sustavu. Takvi kodovi boja u html-u sastoje se od tri para heksadecimalnih brojeva. Svaki par je odgovoran za zasićenost nijanse svojom primarnom bojom:

• Prvi numerički par odgovoran je za crvenu boju;
• Drugi par je za sadržaj zelene boje;
• Ovo posljednje je za sadržaj plave boje.

Na početku koda (ispred brojeva) stavlja se hash oznaka. Ovo je heksadecimalni kod boje. Osim brojeva od 1 do 9, ovaj brojevni sustav koristi slova latinične abecede (A, B, C, D, E, F).

Na primjer, kod bijele boje u html-u bi izgledao kao #FFFFFF:

2. Ključna riječ - Trenutno html podržava oko 147 ključnih riječi. Ali nisu sve ove riječi jedinstvene. Neki od njih odnose se na istu nijansu boje.

Sivu boju predstavljaju dvije ključne riječi: siva i siva. Njihov heksadecimalni kod (HEX) dan je istom vrijednošću #808080.

Primjer :

#808080

3. U RGB formatu - ovo kodiranje boja u html-u temelji se na upotrebi tri vrijednosti postavljene u rasponu od 0 do 255. Svaka od njih određuje zasićenost nijanse s jednom od primarnih boja:

• R - crvena (crvena);
• G - zelena (zelena);
• B - plava (plava).

Broj boje u RGB formatu piše se na sljedeći način: rgb(0, 210, 100).

boja-pozadine:rgb(100,186,43)

4. U RGBA formatu - to je napredni RGB format, gdje četvrta vrijednost zadaje prozirnost boje u obliku decimalnog razlomka od 0 do 1.

Primjer upotrebe:

boja-pozadine:rgba(100,86,143,0.2)

boja-pozadine:rgba(100,86,143,0.5)

boja-pozadine:rgba(100,86,143,0.8)

boja-pozadine:rgba(100,86,143,1)

html tablice boja i generatori boja

S tako širokim rasponom formata za postavljanje boja, lako se zbuniti. Stoga je izumljena posebna tablica boja. U njemu su uz 147 ključnih naziva nijansi dani kodovi korespondencije u svim glavnim standardima za prikaz boja. Osim toga, svako polje je opremljeno trakom za vizualno usklađivanje boja. Jedna od ovih tablica predstavljena je na web mjestu colorscheme.ru:

Ali čak i uz pomoć takvog strukturiranja dopisivanja, odabir željene nijanse može biti težak. I nije činjenica da postoji pravi u tablici kodova boja.

Kako bi se zaobišla ova barijera i što je više moguće olakšao odabir prave nijanse, razvijene su interaktivne web usluge. Njihovo korisničko sučelje može se malo razlikovati jedno od drugog.

Na stranici html-color-codes.info generator boja izgleda ovako:

A unutar usluge color-picker.appsmaster.co, ovaj alat implementiran je malo drugačije:

Zasićenost svake boje u generatoru postavlja se pomoću posebnih klizača. Vizualno, nijansa se prikazuje bojom okvira i pravokutnika na lijevoj strani. Na dnu, 3 polja prikazuju kod boje u glavnim formatima.

Ali generator boja dostupan je ne samo na specijaliziranim stranicama. Gotovo svi grafički urednici opremljeni su sličnim alatom. Na primjer, Photoshop:

Sigurnost boja

I bilo je to davno, još u eri video kartica koje podržavaju samo 256 boja. U to su vrijeme operativni sustavi mogli prikazati samo određeni broj osmobitnih nijansi bez izobličenja.

Tada je stvorena velika tablica sigurnih boja. Označio je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem od preglednika tog vremena. I dan danas ovo veliki rukopis» je još uvijek dostupan na nekim resursima:

Sve se promijenilo u naše vrijeme. Stoga su sva sigurnosna pravila pri radu s bojom u html-u potpuno poništena. Uostalom, moderni računalni hardver podržava više od 16 milijuna različitih nijansi. I 216 sigurnih boja je potonulo u zaborav.

Ovi podaci su u potpunosti potkrijepljeni statistikom. Sudeći prema tome, u 2014. samo 0,5% korisnika ima računala koja podržavaju samo 256 nijansi.

Osnove harmonije boja

Nismo svi obdareni prirodnim harmoničnim osjetilom okusa. Stoga odabir prave boje može biti pravi izazov. No, svaka čast znanosti, čak je uspjela opisati harmoniju boja u obliku nekoliko shema. Svi se temelje na korištenju kotača boja. Sheme podudaranja boja u html-u:

• Paralelna shema boja - kada su obje nijanse u kotaču boja paralelne;
• Trijadna shema - u srcu svih uglova trokuta je jedna od boja;
• Monokromatski - kada je odabrano nekoliko bliskih nijansi iste boje;
• Analogni - naprednija verzija monokromatske sheme. U ovom slučaju, nijanse iste boje su na određenoj udaljenosti.

Implementacija svih ovih shema dobro je zastupljena unutar usluge paletton.com. Omogućuje vam jednostavno provođenje skladnog odabira boja.