Kodovi boja u CSS-u se koriste za specifikaciju 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). Mogu se koristiti i za promjenu boje gumba, ivica, markera, lebdenja i drugih dekorativnih efekata.

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

Ovi formati su detaljnije opisani u nastavku.

CSS boje - heksadecimalni kodovi

Heksadecimalni kod boja je šestocifreni prikaz boja. Prve dvije cifre (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 boja je kraći oblik notacije od šest znakova. U ovom formatu, svaka cifra se ponavlja kako bi se dobila ekvivalentna šestocifrena vrijednost boje. Na primjer: #0F0 postaje #00FF00.

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

Svakom heksadecimalnom kodu boje u CSS-u prethodi heš znak "#". Slijede primjeri upotrebe heksadecimalne notacije.

CSS boje - RGB vrijednosti

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

Bilješka: Ne podržavaju svi pretraživači svojstvo boje rgb(), pa se ne preporučuje da ga koristite.

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

Generator kodova boja

Pomoću naše usluge možete kreirati milione kodova boja.

Sigurne boje pretraživača

Ispod je tabela od 216 boja koje su najsigurnije i nezavisne od računara. Ove boje u CSS-u se kreću od 000000 do FFFFFF hex koda. Oni su bezbedni za upotrebu jer obezbeđuju da će svi računari ispravno prikazati boju kada rade sa paletom od 256 boja.

Kompjuterske igrice su jedan od najpopularnijih načina da na zanimljiv način provedete svoje slobodno vrijeme. Uronivši u svijet video igrica, 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 puno ljudi iz cijelog svijeta i pronaći ne samo istomišljenike, već i najbolje prijatelje. Želite li znati kako postavke igre, do boje u "MTA", mogu utjecati na vašu komunikaciju sa drugim igračima? Čitajte dalje!

Karakteristike režima za više igrača

Jeste li se ikada zapitali: kako podesiti boje u "MTA" ili u nekoj drugoj igrici? Niko ko je ikada imao priliku da igra onlajn igricu sa velikim brojem igrača neće poreći da želi da se pokaže u najboljem svetlu 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" - šta treba da znate?

Ako govorimo o jednoj od verzija multiplayer moda igre "GTA: San Andreas", "MTA", tada boja igra vrlo važnu ulogu. Mogućnost prilagođavanja boje za svoj nadimak u "MTA" je jedna od najboljih vještina koje svaki igrač početnik treba da stekne.

Dakle, da biste prilagodili boju svog nadimka, idite na aplikaciju "MTA: SA" i kliknite na opciju Postavke, zatim odaberite svoje ime, a zatim unesite željeni kod boje ispred njega. U "MTA" postoji velika paleta boja za nadimke. U članku smo ubacili uzorke paleta iz kojih možete odabrati svoju omiljenu nijansu.

Sada znate kako se možete izdvojiti i učiniti svoj nadimak drugačijim od nadimaka početnika i neiskusnih igrača. Svetao, razlikovat će vas od običnih gejmera i privući više pažnje na vas. Uživajte u igri!

CSS se ne razumije). Stoga, budući webmaster samo treba da uči HTML alati koji vam omogućavaju da promijenite boju, na primjer, kako bi napravili svijetle i šarene e-mail biltene koji će privući pažnju ciljne publike stranice.

Ovaj unos se pokazao prilično obimnim, ali iz njega ćete naučiti o svim tehničkim karakteristikama rada s bojom pomoću HTML-a. Započećemo snimanje tako što ćemo se baviti pitanjem: zašto je potrebno da određene elemente HTML stranice ističemo bojom. Zatim ćemo razgovarati o RGB modelu, koji vam omogućava da specificirate boje u HTML-u pomoću posebnih kodova (usputno ćemo pogledati decimalne kodove boja i heksadecimalne HTML vrijednosti boja). Također iz ovog posta ćete naučiti o paleti boja, kao i razumjeti zašto ne postoji paleta u HTML-u. I kraj ove publikacije će biti primjeri promjene boja pozadine, teksta i linkova.

Korištenje boja u HTML-u

Stranice sajta bile bi dosadne i nezanimljive bez slika, o čemu smo ranije govorili i veoma detaljno. Ali slike imaju jedan značajan nedostatak: svaka slika je dodatna i, shodno tome, dodatno opterećenje za hosting.

Napominjem da za dizajn svog WordPress bloga nisam koristio niti jednu sliku, izgled je u potpunosti ukrašen bojom. Isto o bojama u HTML-u, danas ćemo razgovarati s vama. Boje u HTML-u se koriste u različite svrhe, na primjer, možemo dizajnirati izgled web stranice isticanjem jedne ili druge u jednoj ili drugoj boji.

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

Budi pazljiv korištenje boja za stiliziranje HTML dokumenata, ne idu sve boje jedna uz drugu i neće svaka boja biti ugodna posjetiteljima vaše stranice. Ali bolje pitajte web dizajnere o ovim suptilnostima, ovaj članak će vam pomoći da se nosite s tehničkim karakteristikama koje vam omogućavaju da kontrolirate boju elemenata HTML stranice.

Ali ne treba zaboraviti da dizajn treba biti odvojen od sadržaja, pa je bolje koristiti CSS za manipulaciju bojama na 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 postoji mnogo modela boja za manipulaciju bojama. Najrasprostranjeniji model predstavljanja boja je RGB model. Ovdje ćemo govoriti o nekim karakteristikama ovog modela, a za detaljnije upoznavanje sa RGB-om bit će posebna publikacija. Ispod ćete naći listu modela boja koji se koriste u IT (ne samo HTML i CSS):

1. RGB model. Ovaj model je postao vrlo raširen i, možda, jedan je od najprikladnijih i najčešćih načina za manipulaciju 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 u tome što vam omogućava prilagođavanje ne samo boju HTML elementa, već i njegovu transparentnost zbog prisustva alfa kanala. RGBA model je dodat u CSS3 i ne podržavaju ga stariji pretraživači.
3. HSL model. Posebnost modela HSL je u tome što boju postavljamo koristeći njene parametre: nijansu, pompoznost i svjetlost. Ovaj model je nešto teže razumjeti od RGB modela.
4. HSLA model. Ovaj model je veoma sličan HSL modelu, ali baš kao i RGBA model, omogućava rad sa alfa kanalom boje, tako da pomoću HSLA možemo podesiti ne samo boju HTML elementa na stranici, već i njegovu transparentnost.
5. Model HSV (HSB). Ovaj model ne treba brkati sa 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. HSV model je razvio jedan od osnivača Pixar studija 1978. godine i vrlo je sličan HSL-u.
6. Model CMY ili CMYK. Ovaj model se koristi u svim štampačima u boji za štampu. CMYK model se zasniva na pravilu da se štampa na bijelim listovima papira. Bilo koja boja u CMYK modelu se dobija mešanjem cijan (bledo cijan, cijan), magenta (magenta) i žute. Svaka boja u CMY modelu ima karakteristiku neprozirnosti (količinu mastila), mjerenu u postocima. Ali pored tri navedene boje, CMYK model koristi i crnu.

Svi gore navedeni modeli boja zavise od uređaja, odnosno ako vi postavite boju HTML elementa koristeći RGB ili HSL model, onda je nemoguće sa preciznošću reći kakvu će boju vidjeti posjetilac Vaše stranice, budući da su monitori svih korisnika različiti i prenose boje na različite načine. Također imajte na umu da su svi gore navedeni modeli zasnovani na RGB modelu i bilo koja boja navedena u bilo kojem od modela (osim HSLA i RGBA zbog prisustva alfa kanala) može se pretvoriti u RGB.

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

Kako se formira boja HTML elementa: neke karakteristike RGB modela

Hajde da to shvatimo kako se formira boja HTML elementa i sa nekim karakteristikama RGB modela. Imajte na umu da ćemo o RGB modelu, kao i o drugim modelima koji se koriste za dizajniranje web stranica govoriti nešto kasnije u posebnim unosima.

Dakle, RGB model označava crvenu, zelenu, plavu. RGB model je zasnovan na principu aditivnosti. Ovaj princip je da se za dobijanje bilo koje boje boja dodaje crnoj. Radi boljeg razumijevanja, zamislite da je vaš ekran crni zid i da imate tri reflektora: prvi je crveni, drugi zelen, a treći plavi. Možete podesiti svjetlinu svakog reflektora pomoću ravnala s brojevima od 0 do 255. Shodno tome, ako postavite reflektor na nulu, on se isključuje i ne svijetli, ako je vrijednost 255, tada reflektor daje najsvjetliju boju.

Dakle, ispada da ako na istu tačku obasjate crvenim i zelenim reflektorom, onda ćete primijetiti žutu mrlju na crnom zidu. Ako kombinujete crvenu i plavu, dobijate magentu, a ako kombinujete zelenu i plavu, tada će svetlosna tačka na crnom zidu biti cijan, ali ako sva tri reflektora usmerite u istu tačku, tada će svetlosna tačka biti bijela .

Gore opisani princip leži u osnovi RGB modela i koristi se za manipulaciju bojama u HTML elementima na stranici u pretraživaču.

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

Koristi se da elementi stranice budu jedinstveni. Pomoću HTML atributa možemo manipulirati bojom elemenata:

1. HTML atribut boje. Ovaj atribut vam omogućava da promijenite boju teksta unutar HTML elementa. Atribut može imati vrijednosti u obliku HTML imena boja i RGB kodova modela u heksadecimalnoj i decimalnoj notaciji. Atribut boje je jedinstveni HTML atribut koji vam omogućava da promijenite boju teksta unutar određenih HTML elemenata.
2. HTML tekstualni atribut. Ovaj atribut je jedinstveni atribut oznake. . Tag zajedno sa oznakama i forma . Ako se sjećate, onda unutar kontejnera postavljaju se elementi, koje zatim pretraživač prikazuje u prozoru za prikaz. Atribut teksta vam omogućava da postavite zadana boja teksta za sve html stranice.
3. HTML atribut bgcolor. To je također jedinstveni HTML atribut i omogućava vam da promijenite boju pozadine nekih HTML elemenata.
4. vlink HTML atribut. Ovaj atribut je jedinstven i odnosi se samo na oznaku. za promjenu boje veze koju je korisnik već posjetio.
5. HTML atribut povezivanja. Ovaj atribut je također jedinstven i odnosi se samo na oznaku. . Atribut alink mijenja boju aktivne HTML veze.
6. HTML atribut veze. Atribut veze se koristi samo sa oznakom i služi za promjenu boje linkova HTML stranica koje korisnik još nije posjetio.

Imajte na umu da se korištenje atributa za promjenu boje HTML elemenata ne preporučuje, jer postoje kaskadni listovi stilova koji vam omogućavaju da odvojite izgled web stranice od njenog sadržaja.

Korištenje decimalnih kodova boja u HTML-u

Dakle, razgovarali smo o tome da se reflektoru može podesiti svjetlina boje pomoću posebnog ravnala, na kojem su numerisane brojke od 0 do 255. Sada da vidimo kako će nam to pomoći da promijenimo boju HTML elemenata. Stvar je u tome da možemo promijeniti boju teksta unutar HTML elementa ili boju pozadine u HTML-u koristeći decimalni kod na sljedeći način:

Ako kreirate HTML dokument koji opisuje tijelo spremnika kao u primjeru, vidjet ćete:

1. Boja pozadine HTML dokumenta je sada zelena: bgcolor=”rgb (0,255,0)”.
2. Boja teksta HTML stranice će postati plava: text=”rgb (0,0,255)”.
3. HTML boja veze koju korisnik nije posjetio bit će bijela: link=”rgb (255,255,255)”.
4. Boje linka koji je trenutno otvoren bić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: niko vam ne zabranjuje da podešavate "snagu reflektora" po svom nahođenju, možete postavite html boju, na primjer, na ovaj način:

I dobiti boju djetinjeg iznenađenja. Ovo je karakteristika, fleksibilnost i praktičnost RGB modela. Vaš monitor je crni zid sa reflektorima koji sijaju na njemu i možete podesiti snagu tih reflektora i kreirati sve vrste boja pozadine, teksta i linkova koristeći HTML atribute u decimalnom zapisu, ili možete reći: koristeći decimalne kodove 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 koristi ne samo za dizajn web stranica u HTML-u i CSS-u.

Heksadecimalne vrijednosti HTML boja

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

Za one koji nisu upoznati sa heksadecimalnim brojevnim sistemom, trebalo bi dati malo objašnjenje kako biste lakše manipulisati bojom HTML elemenata koristeći hex RGB kodove modela. Prvo, decimalni brojevni sistem je tako nazvan jer se bilo koji broj može dobiti kombinacijom deset cifara (terminologija je važna: postoji razlika između broja i cifre): 0, 1, 2, 3, 5, 6, 7, 8, 9.

U heksadecimalnom brojevnom sistemu, bilo koji broj se može napisati kombinacijom šesnaest cifara: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Radi lakšeg razumijevanja, možete uzeti u obzir da je a deset, a f petnaest. Na primjer, broj šesnaest bi bio napisan heksadecimalno na sljedeći način: 10. A broj 255 bi bio napisan 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 parnjacima:

Bilješka: pisanje boje u HTML-u u heksadecimalnom formatu je nešto kompaktnije nego u decimalnom je prvi. Drugo: snaga svakog reflektora je postavljena brojevima od 0 do 255. Za pisanje broja 255 potrebne su dvije cifre u heksadecimalnom formatu (ff = 250), tako da je svjetlina svakog kanala boje (naši reflektori ispravno nazivaju kanal boje, kanal u boji ) se postavlja sa dvije cifre od 0 do f.

Imajte na umu: svjetlina svakog kanala boje se postavlja zasebno, ali ako zamislimo da je to jedan broj, tada je maksimalni mogući broj u heksadecimalnom sistemu RGB modela ffffff, to će nam dati bijelu boju, a u decimalni sistem je: 16 777 215. Takav broj boja i nijansi omogućava vam da postavite / koristite RGB model. Ovaj broj dolazi iz činjenice da svaki kanal u boji ima 256 vrijednosti svjetline (od 0 do 255), odnosno: 256*256*256 = 16,777,215.

Heksadecimalne vrijednosti HTML boja su kompaktnije i opisnije, većina web dizajnera i dizajnera izgleda koristi heksadecimalne vrijednosti za manipulaciju bojama u HTML-u, pa preporučujemo da se ne navikavate na decimalni zapis boje, 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ćava da odaberete željenu boju i dobijete njegov kod za različite modele boja u različitim sistemima brojeva.

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

Imena boja u HTML-u

HTML atributi mogu uzeti kao vrijednost ne samo decimalni kodovi i heksadecimalne vrijednosti, ali i posebne nazive boja. Promjena boje HTML elementa korištenjem njegovog imena nije dobra ideja. Prvo, kod RGB modela je skriven iza naziva boje u HTML-u, a drugo, svaki pretraživač prikazuje boju HTML elementa specificiranog koristeći naziv drugačije, to zavisi samo od želje programera pretraživača.

Dakle upotreba naziva boje u HTML-u je zastarjela. RGB model ovisi o hardveru, a boja specificirana pomoću imena ovisi o pretraživaču, pa čak i njegovoj verziji. Pokušajmo obojiti elemente HTML stranice koristeći ime:

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

Gornja tabela pokazuje koju boju će dobiti HTML element ako mu date ime. Ova tabela sadrži 16 boja i njihova imena koja su odobrena od strane W3C i trebala bi se prikazati u bilo kojem pretraživaču. Ali u stvari, u HTML-u možete koristiti oko 200 naziva boja koje podržavaju glavni pretraživači, kao što su: Opera, Chrome, Firefox, Safari, Internet Explorer (ova izjava je vrlo kontroverzna u vezi sa potonjem).

Paleta boja u HTML-u

Zapravo ne postoji birač boja u html-u. 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 je bila udobna za držanje. Sliku palete možete pronaći ispod. Stoga u HTML-u ne postoji paleta.

Ali u raznim uređivačima teksta postoje dodaci za paletu boja tu pomoć brzo odaberite boju HTML elementa. U grafičkim uređivačima postoji i paleta boja, jer nije baš zgodno i zabavno da dizajner sjedi i izračunava: koja će se boja dobiti s određenom svjetlinom određenog kanala. Na slici ispod možete vidjeti najjednostavniju paletu Paint editora.

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

Učenje kako promijeniti boju teksta u HTML-u

Imamo mnogo teorije o bojama u HTML-u bacimo se na praksu i probamo rad sa bojama HTML elemenata. Prva stvar koju ćemo naučiti da uradimo - promijeniti boju teksta u html dokumentu koristeći posebne atribute i oznake. Otvorite bilo koji uređivač i u njega upišite sljedeći kod:

Učenje rada sa bojom u HTML-u

Promijenite boju teksta

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

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

Ispravno je reći da se ne mijenja boja teksta u HTML-u, već se mijenja boja fonta u HTML-u. Pro

Minecraft kodovi boje ili Minecraft kodovi formatiranje, omogućite bilo kojem igraču da dodaje cvijeće i formatira tekst na svaki mogući način upravo 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ćavaju da dodate boju vašim rečenicama.

Boje i kodovi za formatiranje

Ampersand (&) iza kojeg slijedi heksadecimalni broj u porukama signalizira klijentu da promijeni boje prilikom prikazivanja teksta. Alternativno, tekst se može formatirati pomoću znaka & iza kojeg slijedi slovo. Možete dodati različite boje knjigama, komandnim blokovima, nazivu servera, opisu servera (motd), imenima svijeta, znakovima, pa čak i imenima igrača.

Vrlo je lako formatirati svoj tekst u konfiguracijama ili u igri koristeći donju tablicu boja. &r se koristi za brisanje svih kodova, tj. &mAAA&rBBB će biti prikazano kao AAA BBB.

Za vašu udobnost predstavljamo tabelu postojećih kodova boja u Minecraftu:

Ponekad je neophodno podvuci, podvuci, highlight neki tekst. Za to se koristi formatiranje teksta. Koristi se na isti način kao i boje (ispred teksta koji stavljamo kod, na primjer &lMinecraft= Minecraft.

Radi vaše udobnosti, ispod je tabela kodova za formatiranje:

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

shema boja u html-u

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

1. Kao heksadecimalna vrijednost - koristi se kod specificiran u heksadecimalnom sistemu. Takvi kodovi boja u html-u se sastoje od tri para heksadecimalnih brojeva. Svaki par je odgovoran za zasićenje nijanse svojom primarnom bojom:

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

Na početku koda (ispred brojeva) stavlja se heš oznaka. Ovo je heksadecimalni kod boje. Pored brojeva od 1 do 9, ovaj brojevni sistem koristi slova latiničnog alfabeta (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 se odnose na istu nijansu boje.

Sivo je predstavljeno sa dvije ključne riječi: sivo i sivo. Njihov heksadecimalni kod (HEX) je dat istom vrijednošću #808080.

primjer:

#808080

3. U RGB formatu - ovo kodiranje boja u html-u zasniva se na korištenju tri vrijednosti ​​​podešene u rasponu od 0 do 255. Svaka od njih određuje zasićenost nijanse jednom od primarnih boja:

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

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

background-color:rgb(100,186,43)

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

Primjer upotrebe:

background-color:rgba(100,86,143,0.2)

background-color:rgba(100,86,143,0.5)

background-color:rgba(100,86,143,0.8)

background-color:rgba(100,86,143,1)

html tabele boja i generatori boja

Sa tako širokim rasponom formata za podešavanje boja, lako se možete zbuniti. Stoga je izmišljena posebna tablica boja. U njemu su na 147 ključnih naziva nijansi boja dati kodovi korespondencije u svim glavnim standardima predstavljanja boja. Dodatno, svako polje je opremljeno trakom za vizuelno usklađivanje boja. Jedna od ovih tablica predstavljena je na web-mjestu colorscheme.ru:

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

Kako bi zaobišli ovu barijeru i olakšali odabir prave nijanse, razvijeni su interaktivni web servisi. Njihovo korisničko sučelje se može malo razlikovati jedno od drugog.

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

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

Zasićenost svake boje u generatoru se postavlja pomoću posebnih klizača. Vizuelno, nijansa se prikazuje bojom okvira i pravougaonika sa leve strane. Na dnu, 3 polja prikazuju kod boja u glavnim formatima.

Ali generator boja nije dostupan samo na specijaliziranim stranicama. Gotovo svi grafički uređivači opremljeni su sličnim alatom. Na primjer, Photoshop:

Sigurnost boja

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

Tada je stvorena velika tabela sigurnih boja. Naznačio je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem od pretraživača tog vremena. I do danas ovo odličan rukopis» još uvijek je 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, savremeni kompjuterski hardver podržava više od 16 miliona različitih nijansi. A 216 sigurnih boja palo je u zaborav.

Ovi podaci su u potpunosti potkrijepljeni statističkim podacima. Sudeći po tome, u 2014. godini svega 0,5% korisnika ima računare koji podržavaju samo 256 nijansi.

Osnove harmonije boja

Nismo svi obdareni prirodnim skladnim čulom ukusa. Stoga odabir prave boje može biti pravi izazov. Ali, pohvala nauci, čak je uspjela da opiše harmoniju boja u obliku nekoliko shema. Svi su zasnovani na upotrebi kruga boja. Šeme podudaranja boja u html-u:

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

Implementacija svih ovih šema je dobro predstavljena unutar usluge paletton.com. Omogućava vam da lako izvršite harmoničan izbor boja.