Koji je kod za crno? Boja u stilovima može se odrediti na različite načine: heksadecimalnom vrijednošću, imenom, u RGB, RGBA, HSL, HSLA formatu


U HTML-u boja se može odrediti na tri načina:

Postavljanje boje u HTML prema njezinom nazivu

Neke se boje mogu odrediti njihovim imenom, koristeći naziv boje na Engleski jezik. Najčešće ključne riječi: crno, bijelo, crveno, zeleno, plavo itd.:

Boja teksta – crvena

Najpopularnije boje standarda World Wide Web Consortium (W3C):

BojaImeBojaIme BojaIme BojaIme
Crno Sivo Srebro Bijela
Žuta boja Vapno Aqua Fuksija
Crvena zelena Plava Ljubičasta
Kesten Maslina Mornarica Teal

Primjer upotrebe razne boje imena:

Primjer: navođenje boje njezinim imenom

  • Probajte sami"

Zaglavlje na crvenoj pozadini

Zaglavlje na narančastoj pozadini

Naslov na pozadini limete

Bijeli tekst na plavoj pozadini

Zaglavlje na crvenoj pozadini

Zaglavlje na narančastoj pozadini

Naslov na pozadini limete

Bijeli tekst na plavoj pozadini

Određivanje boje pomoću RGB-a

Prilikom prikaza različitih boja na monitoru kao osnova se koristi RGB paleta. Bilo koja boja se dobiva miješanjem tri osnovne: R - crveno, G - zelena, B - plava. Svjetlina svake boje dana je jednim bajtom i stoga može poprimiti vrijednosti od 0 do 255. Na primjer, RGB(255,0,0) se prikazuje kao crvena jer je crvena postavljena na najvišu vrijednost (255) i ostali su postavljeni na 0 Također možete postaviti boju kao postotak. Svaki parametar označava razinu svjetline odgovarajuće boje. Na primjer: vrijednosti rgb(127, 255, 127) i rgb(50%, 100%, 50%) će postaviti isto zelene boje srednja zasićenost:

Primjer: Određivanje boje pomoću RGB-a

  • Probajte sami"

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

rgb(127, 255, 127)

rgb (50%, 100%, 50%)

Postavite boju prema heksadecimalnoj vrijednosti

Vrijednosti R G B također se može specificirati pomoću heksadecimalnih (HEX) vrijednosti boja u obliku: #RRGGBB gdje su RR (crveno), GG (zeleno) i BB (plavo) heksadecimalne vrijednosti od 00 do FF (isto kao decimalne 0-255 ) . Heksadecimalni sustav, za razliku od decimalnog sustava, temelji se, kao što mu i samo ime govori, na broju 16. Heksadecimalni sustav koristi slijedeći znakovi: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ovdje su brojevi od 10 do 15 zamijenjeni latiničnim slovima. Brojevi veći od 15 u heksadecimalnom sustavu predstavljaju se kombinacijom dva znaka u jednu vrijednost. Na primjer, najveći broj 255 u decimali odgovara najvišoj vrijednosti FF u heksadecimali. Za razliku od decimalnog sustava, heksadecimalnom broju prethodi simbol hash. # , na primjer, #FF0000 prikazana je kao crvena jer je crvena postavljena na najveću vrijednost (FF), a ostale boje na minimalnu vrijednost (00). Znakovi iza simbola hash # Možete upisivati ​​i velika i mala slova. Heksadecimalni sustav omogućuje vam korištenje skraćenog oblika #rgb, gdje je svaki znak ekvivalent dvostrukom. Stoga bi se unos #f7O trebao smatrati #ff7700.

Primjer: HEX boja

  • Probajte sami"

crvena: #FF0000

zelena: #00FF00

plava: #0000FF

crvena: #FF0000

zelena: #00FF00

plava: #0000FF

crveno+zeleno=žuto: #FFFF00

crvena+plava=ljubičasta: #FF00FF

zelena+plava=cijan: #00FFFF

Popis uobičajenih boja (naziv, HEX i RGB):

englesko ime rusko ime Uzorak HEX RGB
Amarant Amarant #E52B50 229 43 80
jantar jantar #FFBF00 255 191 0
Aqua Plavo zeleno #00FFFF 0 255 255
Azurno Azurno #007FFF 0 127 255
Crno Crno #000000 0 0 0
Plava Plava #0000FF 0 0 255
Bondi plava Voda na plaži Bondi #0095B6 0 149 182
Mjed Mjed #B5A642 181 166 66
Smeđa Smeđa #964B00 150 75 0
Tamnoplave boje Azurno #007BA7 0 123 167
Tamno proljetno zelena Tamno proljetno zelena #177245 23 114 69
Smaragd Smaragd #50C878 80 200 120
Patlidžan Patlidžan #990066 153 0 102
Fuksija Fuksija #FF00FF 255 0 255
Zlato Zlato #FFD700 250 215 0
Sivo Sivo #808080 128 128 128
zelena zelena #00FF00 0 255 0
Indigo Indigo #4B0082 75 0 130
Žad Žad #00A86B 0 168 107
Vapno Vapno #CCFF00 204 255 0
Malahit Malahit #0BDA51 11 218 81
Mornarica Tamno plava #000080 0 0 128
Oker Oker #CC7722 204 119 34
Maslina Maslina #808000 128 128 0
naranča naranča #FFA500 255 165 0
Breskva Breskva #FFE5B4 255 229 180
Bundeva Bundeva #FF7518 255 117 24
Ljubičasta ljubičica #800080 128 0 128
Crvena Crvena #FF0000 255 0 0
Šafran Šafran #F4C430 244 196 48
Zeleno more Zeleno more #2E8B57 46 139 87
Močvarno zelena Bolotny #ACB78E 172 183 142
Teal Plavo zeleno #008080 0 128 128
Ultramarin Ultramarin #120A8F 18 10 143
ljubičica ljubičica #8B00FF 139 0 255
Žuta boja Žuta boja #FFFF00 255 255 0

Kodovi boja (pozadine) prema zasićenosti i nijansi.

>>Upravljanje bojama

Heksadecimalne RGB vrijednosti boja

Metode opisivanja i obrade boje međusobno se razlikuju po tome kakvom su konačnom prikazu namijenjene. Usporedimo, primjerice, prikaz boja za tisak i za računalne monitore. U prvom slučaju uzima se osnova 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 boju, dobivamo CMYK-način prenošenja boje kada se tražena boja dobiva oduzimanjem boja koje nedostaju od bijele.

U drugom slučaju uzima se osnova crno boja zaslona monitora, čija svaka ćelija svijetli u jednoj od tri boje: Crvena-Crvena, zelena-zeleno i plava-plava. Tada, u potpunoj odsutnosti bilo kakvog sjaja, dobivamo čistu crnu boju ekrana, a bilo koja od traženih boja je dana omjerom svake od tri boje. U ovom slučaju ćemo dobiti RGB-način prijenosa boje. Primarne boje mogu varirati od 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, već šesnaest - otuda i naziv. Prema tome, mogu postojati samo varijante kombinacija dviju znamenki koje se ne ponavljaju - 256 , za nastavak niza brojeva nakon 9 pisma iz A prije 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 sustava u drugi i obrnuto koristite kalkulator u nastavku. Maksimalna vrijednost ovdje može biti FF - 255 .

U ovom slučaju, boja je određena s tri heksadecimalna broja, od kojih se svaki sastoji od dvije znamenke. Prvi broj određuje intenzitet Crvena boje, srednje- zelena, zadnja stvar- plava boje. Svi brojevi mogu poprimiti 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 navesti bilo koje heksadecimalne vrijednosti za svaku od tri boje i vidjeti rezultat njihovog miješanja klikom na polje za ispis.

CRVENAZELENOPLAVA
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f
...kliknite ovdje

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

pogled kodirati pogled kodirati pogled kodirati pogled kodirati pogled kodirati pogled kodirati
#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 korištenjem string literala

Radi lakšeg korištenja nekim bojama i njihovim kombinacijama dodijeljeni su nazivi koje prepoznaju svi preglednici, a mnogima od njih postalo je moguće postaviti nazive. 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
Aliceblue Antiquewhite Aqua Akvamarin
Azurno Bež Čorba Blanchedalmond
Plavoljubičasta Smeđa Burlywood Kadetplava
Chartreuse Čokolada Koraljni Cornflowerblue
kukuruzna svila Grimizna cijan Tamno plava
tamnocijan tamna zlatica Tamno sivo Tamnozelene
tamnokaki tamnocrvena tamnozelena tamnonarančasta
Darkorchid Tamno crvena tamni losos Darkseagreen
tamnoplava Tamnoškrlatosiva Tamno tirkizna Tamnoljubičasta
Deeppink Deepskyblue Dimgray Dodgerblue
Vatrostalna opeka Cvjetnobijela Forestgreen Fuschia
Gainsboro Ghostwhite Zlato Zlatna šipka
Sivo Zelenožuta Medljika Hotpink
indijskocrvena Indigo Bjelokost Kaki
Lavanda Rumenilo od lavande Limunski šifon Svijetlo plava
Svijetli koral svjetlocijan Svijetlohladnocrvenožuta Svijetlozelena
Svijetlo siva Svijetloružičasta Lagani losos Lightseagreen
Svijetloplava Svijetlosivosiva Svijetločeličnoplava Svijetlo žuto
Vapno Limeta zelena Posteljina Magenta
Kesten Mediumkvamarin Srednjeplava Mediumorchid
Srednjeljubičasta Srednjezeleno Srednje škriljastoplava Srednjeproljetnozeleno
Srednje tirkizna Srednjeljubičasta Ponoćnoplava Krema od mente
Mistyrose Navajowhite Mornarica Stara čipka
Maslina Oliverab Narančasto Orhideja
Zlatna šipka Blijedozelena Paletteurquise Blijedoljubičasta
Papayawhip Peachpuff Peru Ružičasta
Šljiva Puderastoplava Ružičasto smeđa Kraljevski plava
Saddlebrown Seagreen Školjka Sienna
Srebro Plavo nebo Slateblue Slategray
Snijeg Springgreen Čeličnoplava Tan
Teal čičak Rajčica Tirkiz
ljubičica Pšenica Bijeli dim Žutozelena
Popis malih slova slova s ​​imenima boja prilično je opsežan i više nego dovoljan. Ako trebate postaviti boju pozadine koja je toliko neobična da čak nema ni naziv, možete upotrijebiti heksadecimalnu vrijednost.

Korištenje sigurne palete boja

Nažalost, na različitim platformama, s različitim postavkama sustava, točna reprodukcija boja je problem. Stvar je u tome što se preglednik uvijek pokušava prilagoditi paleta boja dokumentirati prema postavkama sustava i mogućnostima monitora, samostalnim miješanjem boja i njihovom zamjenom. Kao rezultat toga, ponekad korisnik ne vidi točno ono što mu je webmaster želio pokazati. Izlaz iz ove situacije pronađen je u korištenju palete, čiju će svaku boju zajamčeno jednako prikazati u svim preglednicima na različitim platformama. Ovo je tzv Zagarantiran paleta, koja se također naziva sef paleta. Ova paleta uključuje boje čije komponente boja 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 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
pogled kodirati pogled kodirati pogled kodirati pogled kodirati pogled kodirati pogled kodirati
28.11.14. 11.1K

Nažalost, na web 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 prikaz bilo koje od milijuna nijansi. dakle " bojice Ima ih mnogo više od sedam u njegovom skupu.

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 brojevnom 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;
  • Potonji je zbog svog plavog sadržaja.

Oznaka hash stavlja se na početku koda (ispred brojeva). To je ono što heksadecimalno označava 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 bijela u html-u će izgledati kao #FFFFFF:


2. Ključna riječ - HTML trenutno 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. B RGB format– ovo kodiranje boja u html-u temelji se na upotrebi triju vrijednosti, navedenih 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 ispisuje se u sljedećem obliku: rgb(0, 210, 100).

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


4. B RGBA format- to je poboljšani RGB format, gdje četvrta vrijednost određuje prozirnost boje kao decimalni razlomak 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. Sadrži 147 ključnih naslova nijanse boja Kodovi sukladnosti dostupni su u svim glavnim standardima boja. Dodatno, svako polje je opremljeno trakom za vizualni odabir boja. Jedna od ovih tablica predstavljena je na web stranici colorscheme.ru:


Ali čak i uz ovakvo strukturiranje slaganja, odabir prave nijanse može biti težak. I nije činjenica da će tablica kodova boja sadržavati onu koja vam je potrebna.

Kako bi se ova prepreka zaobišla i odabir prave nijanse bio što lakši, razvijene su interaktivne web usluge. Njihovo korisničko sučelje može se malo razlikovati jedno od drugog.

Na web 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, sjenilo se prikazuje bojom okvira i pravokutnika s lijeve strane. Na dnu, 3 polja prikazuju kod boje u osnovnim formatima.

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

Sigurnosne mjere pri radu s bojom

I to je bilo davno, još u eri video kartica koje su podržavale samo 256 boja. U tim dalekim vremenima OS mogao prikazati samo određeni broj osmobitnih nijansi bez izobličenja.

Onda je povučeno odličan stol sigurne boje. Odredio je 216 nijansi koje su se mogle prikazati bez izobličenja u bilo kojem od preglednika tog vremena. I do danas ovaj " veliki rukopis» je još uvijek dostupan na nekim resursima:


Danas se sve promijenilo. 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. 26.02.15. 8,9 tisuća

Kao što znate, boja može utjecati na stanje osobe: psihičko i fizičko. Svaki dan, dok pregledavate web stranice na internetu, oči procjenjuju milijune boja i nijansi. Web dizajner koji je upoznat s psihologijom 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 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 obdaruju svoje proizvode različite karakteristike, nastala je 1996. godine jedan sustav Sinteza boja temeljena na RGB-u pod nazivom sRGB, koju su zajednički razvili Microsoft i HP.

Numerički prikaz boje

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 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 dobivamo razne nijanse crvena, zelena i plava. Slijedi tablica njihovih gradacija, kao i heksadecimalne vrijednosti svake od nijansi:

RGB tablice 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, kao i njihovi nazivi i numerički prikazi ( u decimalnom i heksadecimalnom obliku).

Možete ga pogledati ovdje. Ova tablica uvelike olakšava život web dizajnerima jer u nekoliko sekundi možete pronaći traženu nijansu i saznati njen brojčani prikaz.

Sigurna RGB paleta boja

Međutim, u jednom trenutku pojavio se problem s prikazom 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 pravilno prikazati boju, pokušat će dobiti nešto približno onome što treba miješanjem susjednih boja, a najvjerojatnije ć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 gledaju pomoću različitih preglednika, platformi i monitora. Iako u ovom trenutku tablica sigurnih boja gubi na važnosti ( tehnološki napredak još uvijek ne miruje), kada ga koristite možete, kako kažu, mirno spavati.

Zlatna boja u RGB modelu

Riječ "zlatna" prvi put je korištena početkom 14. stoljeća za opisivanje boje kemijski element pod nazivom 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ž boja zauzima prilično značajno mjesto u povijesti, čak i ako nije najizražajnija. Mnogi spomenici kulture, osobito antičke skulpture, izrađeni su od steatita i kamena sapunice, koji imaju bež nijansa. U RGB modelu bež boje ima sljedeće numeričke prikaze.