Kiselo ljubičasta boja. Boja u stilovima se može specificirati na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu. HTML kodovi boja

Kao što znate, boja može uticati na stanje osobe: i mentalno i fizičko. Svaki dan, dok pretražujete web stranice na internetu, oči procjenjuju milione boja i nijansi. Web dizajner koji poznaje psihologiju boja može manipulirati raspoloženjem posjetitelja kako bi postigao određene ciljeve.

To je zbog činjenice da neke nijanse smiruju, a neke, naprotiv, uzbuđuju. Zatim ćemo govoriti o tome kako se boja sintetizira i prikazuje pomoću kompjuterske tehnologije.

RGB je model boja koji predstavlja metodu dobijanja svih boja i njihovih nijansi miješanjem u različitim omjerima tri glavne komponente, a to su:

  • crvena ( Crveni);
  • zelena boja ( Zeleno);
  • plava boja ( Plava).

Odatle dolazi skraćeni naziv RGB. Ove boje su izabrane kao glavne s razlogom: razlog je fiziologija retine ljudskog oka i kako ih ono percipira:

RGB model je i danas najpopularniji i koristi se za reprodukciju boja na TV ekranima i kompjuterskim monitorima. Budući da proizvođači svojim proizvodima daju različite karakteristike, 1996. godine stvoren je objedinjeni sistem sinteze boja zasnovan na RGB-u pod nazivom sRGB, na kojem su Microsoft i HP radili zajedno.

Numerički prikaz boje

Kao što je ranije spomenuto, RGB boje se formiraju miješanjem primarnih boja. Da bi se opisao intenzitet svakog od njih, usvojena je šema u kojoj je boja predstavljena rasponom 0-255 (8 bita), što u heksadecimalnom zapisu odgovara 00-FF.

Odnosno, primarne boje će izgledati ovako:

  • Crvena – RGB (255,0,0);
  • Zelena – RGB (0,255,0);
  • Plava – RGB (0,0,255);

Ako intenzitet boje ima vrijednosti manje od 255, tada se dobijaju različite nijanse crvene, zelene i plave. Slijedi tabela njihovih gradacija, kao i heksadecimalne vrijednosti svake od nijansi:

RGB tabele boja

Naravno, pored gradacija primarnih boja, postoje i mješovite, a njihov broj je prilično velik. Stoga je kreirana tabela RGB boja u kojoj su prikazane sve postojeće nijanse, kao i njihova imena i numerički prikazi ( u decimalnom i heksadecimalnom obliku).

Možete ga pogledati ovdje. Ova tabela znatno olakšava život web dizajnerima, jer za nekoliko sekundi možete pronaći potrebnu nijansu i saznati njen brojčani prikaz.

Sigurna RGB paleta boja

Međutim, u jednom trenutku se pojavio problem sa prikazivanjem boja u različitim pretraživačima, pa je za njegovo rješavanje sastavljena takozvana “sigurna” paleta RGB boja, koje su izvedene matematičkim proračunima.

Kada pretraživač ne može ispravno prikazati boju, pokušat će dobiti nešto što mu je potrebno miješanjem susjednih boja i najvjerovatnije će rezultat biti potpuno neprihvatljiv:

Korištenjem RGB kodova boja iz ove palete, web programer može biti bezbrižan u pogledu prikaza boja na stranicama svoje web stranice kada se gleda pomoću različitih pretraživača, platformi i monitora. Iako u ovom trenutku tabela sigurnih boja gubi na važnosti ( tehnološki napredak i dalje ne miruje), kada ga koristite možete, kako kažu, mirno spavati.

Zlatna boja u RGB modelu

Reč „zlato“ je prvi put upotrebljena početkom 14. veka da opiše boju hemijskog elementa zvanog Aurum – zlato. U RGB modelu, zlatna boja je predstavljena sljedećim brojčanim vrijednostima:

  • RGB (255, 215, 0) – decimalni sistem;
  • HEX #FFD700 – heksadecimalni sistem.

Bež boja u RGB modelu

Bež boja zauzima prilično značajno mjesto u istoriji, čak i ako nije najizrazitija. Mnogi spomenici kulture, posebno antičke skulpture, napravljeni su od kamena sapunice i sapunice, koji imaju bež nijansu. U RGB modelu, bež boja ima sljedeće numeričke prikaze.

Postoji nekoliko načina za predstavljanje boja u web dizajnu.

HEX je heksadecimalni sistem predstavljanja boja zasnovan na bazi 16. Za ovaj sistem, arapske decimalne cifre od 0 do 9 i latinična slova od A do F se koriste za dopunu digitalnog broja do 16. Za web dizajn, 16 primarnih (ključnih) boja koriste se takozvani heksadecimalni kod boje #RRGGBB, gdje je svaki par odgovoran za svoj udio u boji: RR – crvena, GG – zelena i BB – plava. Svaka frakcija boje se kreće od 00 do FF.

Druga dva prikaza boje u web dizajnu su: u obliku RGB(*,*,*), gdje je svaki “*” dio boje predstavljen decimalnim ciframa od 0 do 255 i nazivima boja na engleskom.

Prilikom kreiranja slike u boji, glavni problem je ispravna reprodukcija boja na različitim tipovima računara, monitora i pretraživača. Ako pretraživač ne može ispravno prikazati boju, bira sličnu ili miješa nekoliko boja. A ponekad se može zamijeniti nekom potpuno drugom bojom.

Table 16 osnovnih boja, koji se koriste u svim pretraživačima

Ime Boja Hex (RGB)
Aqua (morski val) #00FFFF (000,255,255)
Crno #000000 (000,000,000)
Plava #0000FF (000,000,255)
fuksija (magenta) #FF00FF (255,000,255)
Grey #808080 (128,128,128)
Zeleno #008000 (000,128,000)
Limeta (jarko zelena) #00FF00 (000,255,000)
Maroon (tamno bordo) #800000 (128,000,000)
mornarsko (tamno plava) #000080 (000,000,128)
Maslina #808000 (128,128,000)
Ljubičasta #800080 (128,000,128)
Crveni #FF0000 (255,000,000)
Srebro #C0C0C0 (192,192,192)
Teal (sivo-zelena) #008080 (000,128,128)
Bijelo #FFFFFF (255,255,255)
Žuta #FFFF00 (255,255,000)

Table ljubičasta boje i njene nijanse

Ime Boja Hex (RGB)
magenta (magenta) #FFCBDB (255,203,219)
magenta (magenta) #FF0099 (255,000,153)
magenta (magenta) #F95A61 (249,090,097)
fuksija (fuksija) #FF00FF (255,000,255)
Mauvein (anilin ljubičasta) #EF0097 (239,000,151)
Losos roze (narandžasto roze) #FF91A4 (255,145,164)
Ceniz (nijansa ljubičaste) #DE3163 (153,149,140)
Patlidžan Patlidžan (patlidžan) #990066 (153,000,132)
Rumenilo od lavande (ružičasto-lavanda)  #FFF0F5 (255,240,245)
jorgovan (jorgovan) #C8A2C8 (200,162,200)
magenta (magenta) #FF008F (255,000,143)
orhideja (orhideja) #DA70D6 (218,112,214)
Crveno-ljubičasta (ljubičasto-crvena) #C71585 (199,021,133)
sangvinik (sangvinik) #92000A (146,000,010)
čičak (nijansa ljubičaste) #D8BFD8 (185,211,238)
Ljubičasto-patlidžan (nijansa ljubičaste) #991199 (153,017,153)
Rosa vivo (tamno ružičasta) #FF007F (255,000,127)
Lavanda-ruža (nijansa ljubičaste) #FBA0E3 (108,123,139)
Mountbatten pink #997ABD (153,122,141)

Table siva boje i njene nijanse

Ime Boja Hex (RGB)
Grey #808080 (128,128,128)
Grey #bebebe (190,190,190)
(siva nijansa) #858585 (133,133,133)
Siva33 #545454 (084,084,084)
(sivi škriljevci) #708090 (112,128,144)
(kvarc) #99958s (153,149,140)
(svijetlo siva) #bbbbbb (187,187,187)
(srebro) #c0c0c0 (192,192,192)
(sivo-bijelo) #f0f0f0 (240,240,240)
(Abdel-Kerimove brade) #e0e0e0 (224,224,224)
svjetlosiva (svijetlo siva) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (Blijedo plavi različak1) #c6e2ff (198,226,255)
StateGray-2 (Blijedo plavi različak2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)

CSS modul boja detaljno opisuje vrijednosti koje omogućavaju autorima da definiraju boje i neprozirnost html elemenata, kao i vrijednosti svojstva boje.

svojstvo boje

1. Prioritetne boje: svojstvo boje

Svojstvo specificira boju fonta koristeći različite sisteme za prikazivanje boja. Svojstvo opisuje boju tekstualnog sadržaja elementa. Dodatno, koristi se za pružanje potencijalne indirektne vrijednosti (currentColor) za bilo koja druga svojstva koja uzimaju vrijednosti boja.

Imovina je naslijeđena.

2. Vrijednosti boja

2.1. Glavne ključne riječi

Lista glavnih ključnih riječi uključuje sljedeća značenja:

Ime HEX RGB Boja
crna #000000 0,0,0
srebro #C0C0C0 192,192,192
siva #808080 128,128,128
bijela #FFFFFF 255,255,255
maroon #800000 128,0,0
crvena #FF0000 255,0,0
ljubičasta #800080 128,0,128
fuksija #FF00FF 255,0,255
zeleno #008000 0,128,0
kreč #00FF00 0,255,0
maslina #808000 128,128,0
žuta #FFFF00 255,255,0
mornarica #000080 0,0,128
plava #0000FF 0,0,255
teal #008080 0,128,128
aqua #00FFFF 0,255,255

Nazivi boja ne razlikuju velika i mala slova.

Sintaksa

Boja: teal;

2.2. Numeričke vrijednosti boja

2.2.1. RGB boje modela

Heksadecimalni format RGB vrijednosti je znak # nakon kojeg odmah slijede tri ili šest heksadecimalnih znakova. Trocifrena RGB notacija #rgb se pretvara u šestocifreni oblik #rrggbb kopiranjem cifara umjesto dodavanjem nula. Na primjer, #fb0 se proširuje na #ffbb00 . Ovo osigurava da bijela #ffffff može biti navedena u kratkom #fff unosu i uklanja sve ovisnosti o dubini boje prikaza.

Format RGB vrijednosti u funkcionalnoj notaciji je rgb(, nakon čega slijedi lista razdvojenih zarezima od tri numeričke vrijednosti (bilo tri cjelobrojne vrijednosti ili tri procentualne vrijednosti), nakon čega slijedi simbol). Cjelobrojna vrijednost 255 odgovara 100% i F ili FF u heksadecimalnom zapisu:

Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF

Znakovi za razmak su dozvoljeni oko numeričkih vrijednosti.

Za html stranice, boje su naznačene uglavnom u heksadecimalnom sistemu. Da biste to učinili, koriste se dvije vrste zapisa koda - potpuno ili skraćeno. Da biste ispravno naznačili html boju u potpunosti, potrebno je da upišete šest znakova (brojeva i/ili engleskih slova) nakon oznake heša, na primjer, crna je napisana ovako: #000000. Skraćenica za određivanje html boja sastoji se od heša i tri broja i/ili slova iza njega. Međutim, ovaj tip zaliha se može koristiti samo ako se kompletan zapis date boje sastoji od identičnih simbola iza oznake heša. Na primjer, ista crna boja može se napisati ovako: #000. Možete specificirati html boje koristeći velike i male znakove, jer ne razlikuju velika i mala slova.

Svaki znak napisan iza "#" odgovara određenom omjeru boja crvene, zelene i plave. Zauzvrat, svi monitori se sastoje od ogromnog broja piksela (mikroskopskih tačaka), od kojih svaka uključuje 3 takozvane „bamlje“ (izvora svjetlosti): crvenu, zelenu i plavu. Zatim, podešavanjem intenziteta svetlosti koju emituju ove „baterije“, monitor prikazuje boju koja nam je potrebna.

Kombinacijom intenziteta emisije crvene, plave i zelene svjetlosti (od 0 do 256), monitori mogu prikazati 16.000.000 različitih nijansi.

Također, boje za web stranice mogu biti naznačene usmeno ili u RGB kodu.

Danas se usmeno može napisati 147 boja. Važno je znati da neki različiti nazivi mogu značiti iste boje, na primjer Siva i Siva su siva boja (#808080).

Sigurne boje za web stranice.

Ne može svaki monitor i pretraživač ispravno prikazati svih 16 miliona html boja.

Ako, na primjer, naiđete na boju koju pretraživač ne može ispravno prikazati, tada:

  1. Pretraživač ga zamjenjuje onim koji mu je najsličniji i koji se može uspješno reproducirati;
  2. Za ispravan prikaz, pretraživač može pomiješati nekoliko boja i reproducirati rezultat.

Kako biste osigurali da je izlaz u bilo kojem pretraživaču i na bilo kojem monitoru boja koju ste naveli u kodu, preporučuje se korištenje “Sigurne boje”. Oni nisu određivani ručno ili nečijom drugom željom, već matematički. Postoji 216 takvih 100% sigurnih boja za HTML dokumente I iako su današnje tehnologije dostigle tačku u kojoj moderni monitori i pretraživači prepoznaju milione nijansi, preporučujemo korištenje ovih sigurnih boja kako bi se garantiralo prikazivanje boja.

HTML siguran dijagram boja.
Heksadecimalni sistem boja. Kodovi boja u RGB (crvena, zelena, plava).
HTML kod boje: #000000 RGB boja: 0 0 0
HTML kod boje: #333333 RGB boja: 51 51 51
HTML kod boje: #666666 RGB boja: 102 102 102
HTML kod boje: #999999 RGB boja: 153 153 153
HTML kod boje: #CCCCCC RGB boja: 204 204 204
HTML kod boje: #FFFFFF RGB boja: 255 255 255
HTML kod boje: #666600 RGB boja: 102 102 0
HTML kod boje: #999900 RGB boja: 153 153 0
HTML kod boje: #999933 RGB boja: 153 153 51
HTML kod boje: #999966 RGB boja: 153 153 102
HTML kod boje: #CCCC33 RGB boja: 204 204 51
HTML kod boje: #CCCC66 RGB boja: 204 204 102
HTML kod boje: #333300 RGB boja: 51 51 0
HTML kod boje: #666633 RGB boja: 102 102 51
HTML kod boje: #CCCC99 RGB boja: 204 204 153
HTML kod boje: #CCFF33 RGB boja: 204 255 51
HTML kod boje: #CCFF00 RGB boja: 204 255 0
HTML kod boje: #CCFF66 RGB boja: 204 255 102
HTML kod boje: #669900 RGB boja: 102 153 0
HTML kod boje: #99CC33 RGB boja: 153 204 51
HTML kod boje: #99CC00 RGB boja: 153 204 0
HTML kod boje: #99CC66 RGB boja: 153 204 102
HTML kod boje: #99FF33 RGB boja: 153 255 51
HTML kod boje: #99FF00 RGB boja: 153 255 0
HTML kod boje: #336600 RGB boja: 51 102 0
HTML kod boje: #669933 RGB boja: 102 153 51
HTML kod boje: #66CC33 RGB boja: 102 204 51
HTML kod boje: #66CC00 RGB boja: 102 204 0
HTML kod boje: #99FF66 RGB boja: 153 255 102
HTML kod boje: #CCFF99 RGB boja: 204 255 153
HTML kod boje: #009900 RGB boja: 0 153 0
HTML kod boje: #339900 RGB boja: 51 153 0
HTML kod boje: #33CC00 RGB boja: 51 204 0
HTML kod boje: #33FF00 RGB boja: 51 255 0
HTML kod boje: #66FF33 RGB boja: 102 255 51
HTML kod boje: #66FF00 RGB boja: 102 255 0
HTML kod boje: #00CC33 RGB boja: 0 204 51
HTML kod boje: #33CC33 RGB boja: 51 204 51
HTML kod boje: #00CC00 RGB boja: 0 204 0
HTML kod boje: #00FF00 RGB boja: 0 255 0
HTML kod boje: #00FF33 RGB boja: 0 255 51
HTML kod boje: #33FF33 RGB boja: 51 255 51
HTML kod boje: #003300 RGB boja: 0 51 0
HTML kod boje: #336633 RGB boja: 51 102 51
HTML kod boje: #669966 RGB boja: 102 153 102
HTML kod boje: #66CC66 RGB boja: 102 204 102
HTML kod boje: #99CC99 RGB boja: 153 204 153
HTML kod boje: #CCFFCC RGB boja: 204 255 204
HTML kod boje: #006600 RGB boja: 0 102 0
HTML kod boje: #339933 RGB boja: 51 153 51
HTML kod boje: #00FF66 RGB boja: 0 255 102
HTML kod boje: #33FF66 RGB boja: 51 255 102
HTML kod boje: #66FF66 RGB boja: 102 255 102
HTML kod boje: #99FF99 RGB boja: 153 255 153
HTML kod boje: #009933 RGB boja: 0 153 51
HTML kod boje: #00CC66 RGB boja: 0 204 102
HTML kod boje: #33CC66 RGB boja: 51 204 102
HTML kod boje: #00FF99 RGB boja: 0 255 153
HTML kod boje: #33FF99 RGB boja: 51 255 153
HTML kod boje: #66FF99 RGB boja: 102 255 153
HTML kod boje: #006633 RGB boja: 0 102 51
HTML kod boje: #009966 RGB boja: 0 153 102
HTML kod boje: #339966 RGB boja: 51 153 102
HTML kod boje: #00CC99 RGB boja: 0 204 153
HTML kod boje: #33CC99 RGB boja: 51 204 153
HTML kod boje: #66CC99 RGB boja: 102 204 153
HTML kod boje: #009999 RGB boja: 0 153 153
HTML kod boje: #33CCCC RGB boja: 51 204 204
HTML kod boje: #00FFCC RGB boja: 0 255 204
HTML kod boje: #33FFCC RGB boja: 51 255 204
HTML kod boje: #66FFCC RGB boja: 102 255 204
HTML kod boje: #99FFCC RGB boja: 153 255 204
HTML kod boje: #00CCCC RGB boja: 0 204 204
HTML kod boje: #00FFFF RGB boja: 0 255 255
HTML kod boje: #33FFFF RGB boja: 51 255 255
HTML kod boje: #66FFFF RGB boja: 102 255 255
HTML kod boje: #99FFFF RGB boja: 153 255 255
HTML kod boje: #CCFFFF RGB boja: 204 255 255
HTML kod boje: #336666 RGB boja: 51 102 102
HTML kod boje: #006666 RGB boja: 0 102 102
HTML kod boje: #669999 RGB boja: 102 153 153
HTML kod boje: #339999 RGB boja: 51 153 153
HTML kod boje: #66CCCC RGB boja: 102 204 204
HTML kod boje: #99CCCC RGB boja: 153 204 204
HTML kod boje: #003333 RGB boja: 0 51 51
HTML kod boje: #0099CC RGB boja: 0 153 204
HTML kod boje: #3399CC RGB boja: 51 153 204
HTML kod boje: #00CCFF RGB boja: 0 204 255
HTML kod boje: #33CCFF RGB boja: 51 204 255
HTML kod boje: #66CCFF RGB boja: 102 204 255
HTML kod boje: #006699 RGB boja: 0 102 153
HTML kod boje: #336699 RGB boja: 51 102 153
HTML kod boje: #6699CC RGB boja: 102 153 204
HTML kod boje: #0099FF RGB boja: 0 153 255
HTML kod boje: #3399FF RGB boja: 51 153 255
HTML kod boje: #99CCFF RGB boja: 153 204 255
HTML kod boje: #003366 RGB boja: 0 51 102
HTML kod boje: #003399 RGB boja: 0 51 153
HTML kod boje: #0033FF RGB boja: 0 51 255
HTML kod boje: #3366CC RGB boja: 51 102 204
HTML kod boje: #0066CC RGB boja: 0 102 204
HTML kod boje: #0066FF RGB boja: 0 102 255
HTML kod boje: #000033 RGB boja: 0 0 51
HTML kod boje: #0033CC RGB boja: 0 51 204
HTML kod boje: #0000CC RGB boja: 0 0 204
HTML kod boje: #0000FF RGB boja: 0 0 255
HTML kod boje: #3366FF RGB boja: 51 102 255
HTML kod boje: #6699FF RGB boja: 102 153 255
HTML kod boje: #000066 RGB boja: 0 0 102
HTML kod boje: #000099 RGB boja: 0 0 153
HTML kod boje: #3333CC RGB boja: 51 51 204
HTML kod boje: #3300CC RGB boja: 51 0 204
HTML kod boje: #3300FF RGB boja: 51 0 255
HTML kod boje: #3333FF RGB boja: 51 51 255
HTML kod boje: #333366 RGB boja: 51 51 102
HTML kod boje: #333399 RGB boja: 51 51 153
HTML kod boje: #666699 RGB boja: 102 102 153
HTML kod boje: #6666CC RGB boja: 102 102 204
HTML kod boje: #6666FF RGB boja: 102 102 255
HTML kod boje: #9999CC RGB boja: 153 153 204
HTML kod boje: #330066 RGB boja: 51 0 102
HTML kod boje: #330099 RGB boja: 51 0 153
HTML kod boje: #6600FF RGB boja: 102 0 255
HTML kod boje: #6633FF RGB boja: 102 51 255
HTML kod boje: #9999FF RGB boja: 153 153 255
HTML kod boje: #CCCCFF RGB boja: 204 204 255
HTML kod boje: #330033 RGB boja: 51 0 51
HTML kod boje: #663399 RGB boja: 102 51 153
HTML kod boje: #6633CC RGB boja: 102 51 204
HTML kod boje: #6600CC RGB boja: 102 0 204
HTML kod boje: #9966FF RGB boja: 153 102 255
HTML kod boje: #9966CC RGB boja: 153 102 204
HTML kod boje: #663366 RGB boja: 102 51 102
HTML kod boje: #660099 RGB boja: 102 0 153
HTML kod boje: #9900FF RGB boja: 153 0 255
HTML kod boje: #9933FF RGB boja: 153 51 255
HTML kod boje: #9933CC RGB boja: 153 51 204
HTML kod boje: #CC99FF RGB boja: 204 153 255
HTML kod boje: #660066 RGB boja: 102 0 102
HTML kod boje: #996699 RGB boja: 153 102 153
HTML kod boje: #9900CC RGB boja: 153 0 204
HTML kod boje: #CC00FF RGB boja: 204 0 255
HTML kod boje: #CC33FF RGB boja: 204 51 255
HTML kod boje: #CC66FF RGB boja: 204 102 255
HTML kod boje: #993399 RGB boja: 153 51 153
HTML kod boje: #990099 RGB boja: 153 0 153
HTML kod boje: #CC33CC RGB boja: 204 51 204
HTML kod boje: #CC00CC RGB boja: 204 0 204
HTML kod boje: #CC66CC RGB boja: 204 102 204
HTML kod boje: #CC99CC RGB boja: 204 153 204
HTML kod boje: #CC3399 RGB boja: 204 51 153
HTML kod boje: #FF00FF RGB boja: 255 0 255
HTML kod boje: #FF33FF RGB boja: 255 51 255
HTML kod boje: #FF66FF RGB boja: 255 102 255
HTML kod boje: #FF99FF RGB boja: 255 153 255
HTML kod boje: #FFCCFF RGB boja: 255 204 255
HTML kod boje: #990066 RGB boja: 153 0 102
HTML kod boje: #CC0099 RGB boja: 204 0 153
HTML kod boje: #CC6699 RGB boja: 204 102 153
HTML kod boje: #FF33CC RGB boja: 255 51 204
HTML kod boje: #FF00CC RGB boja: 255 0 204
HTML kod boje: #FF66CC RGB boja: 255 102 204
HTML kod boje: #660033 RGB boja: 102 0 51
HTML kod boje: #993366 RGB boja: 153 51 102
HTML kod boje: #CC0066 RGB boja: 204 0 102
HTML kod boje: #FF0099 RGB boja: 255 0 153
HTML kod boje: #FF3399 RGB boja: 255 51 153
HTML kod boje: #FF99CC RGB boja: 255 153 204
HTML kod boje: #663333 RGB boja: 102 51 51
HTML kod boje: #996666 RGB boja: 153 102 102
HTML kod boje: #CC3366 RGB boja: 204 51 102
HTML kod boje: #FF0066 RGB boja: 255 0 102
HTML kod boje: #FF3366 RGB boja: 255 51 102
HTML kod boje: #FF6699 RGB boja: 255 102 153
HTML kod boje: #330000 RGB boja: 51 0 0
HTML kod boje: #990033 RGB boja: 153 0 51
HTML kod boje: #993333 RGB boja: 153 51 51
HTML kod boje: #CC3333 RGB boja: 204 51 51
HTML kod boje: #CC6666 RGB boja: 204 102 102
HTML kod boje: #CC9999 RGB boja: 204 153 153
HTML kod boje: #CC0033 RGB boja: 204 0 51
HTML kod boje: #FF0033 RGB boja: 255 0 51
HTML kod boje: #FF3333 RGB boja: 255 51 51
HTML kod boje: #FF6666 RGB boja: 255 102 102
HTML kod boje: #FF9999 RGB boja: 255 153 153
HTML kod boje: #FFCCCC RGB boja: 255 204 204
HTML kod boje: #990000 RGB boja: 153 0 0
HTML kod boje:#CC0000 RGB boja: 204 0 0
HTML kod boje: #FF0000 RGB boja: 255 0 0
HTML kod boje: #FF3300 RGB boja: 255 51 0
HTML kod boje: #CC3300 RGB boja: 204 51 0
HTML kod boje: #FF6633 RGB boja: 255 102 51
HTML kod boje: #660000 RGB boja: 102 0 0
HTML kod boje: #993300 RGB boja: 153 51 0
HTML kod boje: #CC6633 RGB boja: 204 102 51
HTML kod boje: #FF6600 RGB boja: 255 102 0
HTML kod boje: #FF9966 RGB boja: 255 153 102
HTML kod boje: #FFCC99 RGB boja: 255 204 153
HTML kod boje: #663300 RGB boja: 102 51 0
HTML kod boje: #996633 RGB boja: 153 102 51
HTML kod boje: #CC6600 RGB boja: 204 102 0
HTML kod boje: #CC9966 RGB boja: 204 153 102
HTML kod boje: #FF9933 RGB boja: 255 153 51
HTML kod boje: #FF9900 RGB boja: 255 153 0
HTML kod boje: #996600 RGB boja: 153 102 0
HTML kod boje: #CC9933 RGB boja: 204 153 51
HTML kod boje: #CC9900 RGB boja: 204 153 0
HTML kod boje: #FFCC33 RGB boja: 255 204 51
HTML kod boje: #FFCC00 RGB boja: 255 204 0
HTML kod boje: #FFCC66 RGB boja: 255 204 102
HTML kod boje: #CCCC00 RGB boja: 204 204 0
HTML kod boje: #FFFF00 RGB boja: 255 255 0
HTML kod boje: #FFFF33 RGB boja: 255 255 51
HTML kod boje: #FFFF66 RGB boja: 255 255 102
HTML kod boje: #FFFF99 RGB boja: 255 255 153
HTML kod boje: #FFFFCC RGB boja: 255 255 204

Ova tabela uključuje 216 sigurnih html kodova boja. Svaka boja ima vrijednost u RGB za određivanje boje u grafičkim uređivačima i HEX za određivanje boje na html stranicama.

>>Upravljanje bojama

Heksadecimalne RGB vrijednosti boja

Metode opisivanja i obrade boje razlikuju se jedna od druge po tome za koju konačnu reprezentaciju su namijenjene. Uporedimo, na primjer, prikaz boja za štampu i za kompjuterske monitore. U prvom slučaju uzima se osnova bijela boja papira na koju se naknadno nanose tri osnovne boje: plava, ljubičasta I žuta. Miješajući se jedna s drugom i sa bijelom bojom papira u različitim omjerima, ove tri osnovne boje daju različite nijanse boja, osim čisto crne, ili u potpunom odsustvu boja daju bijeli papir. Ako im dodamo crnu boju, dobićemo CMYK- metoda prenošenja boje kada se tražena boja dobije oduzimanjem nedostajućih boja od bijele.

U drugom slučaju se uzima osnova crna boja ekrana monitora, čija svaka ćelija svijetli u jednoj od tri boje: crvena-crveni, zeleno-zeleno i plava-plava. Tada, u potpunom odsustvu bilo kakvog sjaja, dobijamo čistu crnu boju ekrana, a bilo koja od traženih boja je data odnosom svake od tri boje. U ovom slučaju ćemo dobiti RGB-način prenosa boje. Primarne boje mogu varirati od 0 to 255 , ili od 0% to 100% , ili se može predstaviti kao heksadecimalna vrijednost. Na slici ispod možete vidjeti rezultate miješanja primarnih boja.

Heksadecimalni sistem brojeva, za razliku od decimalnog, nema deset cifara, već šesnaest - otuda i naziv. Shodno tome, mogu postojati samo neponavljajuće varijante kombinacija od dvije cifre - 256 , za nastavak niza brojeva nakon 9 pisma od A to F, dakle, serija će izgledati ovako -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Za pretvaranje brojeva iz jednog brojevnog sistema u drugi i obrnuto, koristite kalkulator u nastavku. Maksimalna vrijednost ovdje može biti FF - 255 .

U ovom slučaju, boja je određena sa tri heksadecimalna broja, od kojih se svaki sastoji od dvije znamenke. Prvi broj određuje intenzitet crvena boje, srednje- zeleno, zadnji- plava boje. Svi brojevi mogu imati vrijednosti u rasponu od 00 to FF(od 0 do 255). Na primjer: zelena boja je data kao #00FF00, crvena - kao #FF0000, plava - kao #0000FF, bijela - kao #FFFFFF, potpuno odsustvo boje ili crne boje se daje kao #000000 .

U donjem obrascu možete odrediti bilo koje heksadecimalne vrijednosti za svaku od tri boje i vidjeti rezultat njihovog miješanja klikom na polje za izlaz.

Primjeri nekih heksadecimalnih RGB vrijednosti boja: gradacije crvene, plave i zelene.

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

Određivanje boje pomoću string literala

Radi lakšeg korišćenja, nekim bojama i njihovim kombinacijama dodeljena su imena koja prepoznaju svi pretraživači, a postalo je moguće postaviti mnoge od njih po imenu. Tabela ispod prikazuje neke od naziva boja:

pogled Ime pogled Ime pogled Ime pogled Ime
Bijelo Crveni Narandžasta Žuta
Zeleno Plava Ljubičasta Crno
Aliceblue Antiquewhite Aqua Akvamarin
Azure Bež Bisque Blanchedalmond
Blueviolet Brown Burlywood Cadetblue
Chartreuse Čokolada Coral Cornflowerblue
Cornssilk Crimson Cyan Tamnoplava
Darkcyan Darkgoldenrod Darkgray Tamnozelena
Darkkhaki Darkmagenta Darkolivegreen Darkorange
Darkorchid Darkred Darklosos Darkseagreen
Darkslateblue Darkslategray Tamnotirkizno Darkviolet
Deeppink Deepskyblue Dimgray Dodgerblue
Vatrostalna cigla Floralwhite Forestgreen Fuschia
Gainsboro Ghostwhite Zlato Goldenrod
Grey Greenyellow Honeydew Hotpink
Indianred Indigo Ivory Kaki
Lavanda Lavenderblush Lemonchiffon Svijetloplava
Lightcoral Lightcyan Lightcoldenrodyellow Svetlozelena
Lightgray Lightpink Lightlosos Lightseagreen
Lightskyblue Lightslategray Lightsteelblue Svijetložuta
Lime Limegreen Posteljina Magenta
Maroon Mediumaquamarine Srednje plava Mediumorchid
Srednje ljubičasta Mediumseagreen Mediumslateblue Mediumspringgreen
Srednje tirkizno Srednjevioletred Midnightblue Mintcream
Mistyrose Navajowhite mornarica Oldlace
Maslina Oliverab Orangered Orhideja
Palegoldenrod Palegreen Paletteurquoise Palevioletred
Papayawhip Peachpuff Peru Pink
Šljiva Powderblue Rosybrown Royalblue
Saddlebrown Seagreen Školjka Sienna
Srebro Skyblue Slateblue Slategray
Snijeg Springgreen Steelblue Tan
Teal Thistle Paradajz Tirkizna
Violet Pšenica Whitesmoke Yellowgreen
Lista malih slova sa nazivima boja je prilično opsežna i više nego dovoljna. Ako trebate postaviti boju pozadine koja je toliko neobična da čak nema ni ime, možete koristiti heksadecimalnu vrijednost.

Korištenje sigurne palete boja

Nažalost, na različitim platformama, sa različitim sistemskim postavkama, ispravna reprodukcija boja je problem. Stvar je u tome što pretraživač uvek pokušava da prilagodi paletu boja dokumenta sistemskim postavkama i mogućnostima monitora, nezavisno mešanjem boja i njihovom zamenom. Kao rezultat toga, ponekad korisnik ne vidi tačno ono što mu je webmaster želio pokazati. Izlaz iz ove situacije pronađen je u korišćenju palete, čija je svaka boja zagarantovana podjednako od strane svih pretraživača na različitim platformama. Ovo je tzv garantovano paleta, tzv sigurno paleta. Ova paleta uključuje boje čije komponente boje imaju sljedeće vrijednosti: 00 ,33 ,66 ,99 , CC,FF, na sve moguće načine 216 njihove kombinacije.

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 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
pogled kod pogled kod pogled kod pogled kod pogled kod pogled kod

POVEZANI ČLANCI