HTML boje su označene sa šest znakova iza znaka kose crte - na primjer, #000000. Ovih šest simbola predstavljaju proporcije različitih boja (crvena, zelena, plava) u konačnoj boji. Na monitoru vašeg računara slika se formira od ogromnog broja tačaka zvanih pikseli. Svaki piksel je mali izvor svjetlosti, nazovimo ga "baterijska lampa", koja se pak sastoji od tri svjetiljke - crvene, zelene i plave. Smanjenjem ili povećanjem intenziteta sjaja pojedinih baterijskih lampi u boji, dobijamo željenu boju.
HTML kodovi boja
Boje u HTML-u su predstavljene heksadecimalnom (HEX) oznakom crvene, plave i zelene (RGB).
Najmanja vrijednost boje je 0 (heksadecimalno 00). Najveća vrijednost boje je 255 (hex FF).
Heksadecimalna vrijednost boje je tri znamenke koja počinje znakom #.
Kodovi boja (značenja)
Boja | HEX kod | RGB kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 miliona nijansi
Kombinacija crvene, plave i zelene sa vrijednostima u rasponu od 0 do 255 za postotak svake boje rezultira ukupno preko 16 miliona nijansi (256 x 256 x 256).
Većina modernih monitora može prikazati najmanje 16.384 različitih nijansi (LCD monitori općenito mogu prikazati 262 hiljade 16 miliona (ažurirano oktobra 2013.) boje, a CRT monitori mogu prikazati gotovo neograničen broj boja).
Tabela boja ispod prikazuje promjenu udjela crvene boje od 0 do 255 sa nultim vrijednostima za plavu i zelenu:
Crveni | HEX kod | RGB kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Nijanse sive
Za dobijanje nijansi siva koriste se jednaki udjeli svih boja. Kako bismo vam olakšali odabir prave boje, nudimo vam kodove sivih nijansi
Nijanse sive | HEX kod | RGB kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Nazivi html boja u više pretraživača (svi pretraživači).
Kolekcija od 150 imena boja u html-u, podržana u svim pretraživačima.
Standardizirani nazivi boja
W3C navodi 16 važećih naziva boja za HTML i CSS: aqua, crna, plava, fuksija, siva, zelena, limeta, kesten (kesten), mornarska (ultramarin), maslina (maslina), ljubičasta (ljubičasta), crvena (crvena) , srebrna (srebrna), teal (siva), bijela (bijela) i žuta (žuta).
Kada koristite boje koje nisu uključene u ovu listu, ispravnije je koristiti njihov heksadecimalni (HEX) kod ili RGB kod.
Sigurne boje
Pre nekoliko godina, kada su računari mogli da podržavaju maksimalno 256 različitih boja, predložena je lista od 216 „Web bezbednih boja“, sa 40 boja rezervisanih za sistem.
Ova paleta od 216 boja kreirana je za pravilno prikazivanje boja u režimu palete od 256 boja.
Ovo sada nije važno jer većina računara širom sveta podržava milione nijansi boja. U svakom slučaju, evo liste ovih boja:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
>>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 boja koje nedostaju od bijele.
U drugom slučaju uzima se 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. |
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 | Crna | ||||
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 | ||||
Vatrogasna cigla | Floralwhite | Forestgreen | Fuschia | ||||
Gainsboro | Ghostwhite | Zlato | Goldenrod | ||||
Grey | Greenyellow | Honeydew | Hotpink | ||||
Indianred | Indigo | Ivory | Kaki | ||||
Lavanda | Lavanda rumenilo | 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 | Žutozelena |
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 kako bi mu odgovarala postavke sistema i mogućnosti monitora, nezavisnim 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.
pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod | pogled | kod |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | 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 |
Tablica (paleta) boja html daje vam mogućnost da samostalno odaberete ton koji vam je potreban. Vrijednost boje se prikazuje u tri formata: Hex, RGB i HSV.
- Heksadecimalni se sastoji od tri vrijednosti od dva znaka u heksadecimalnom brojevnom sistemu. Na primjer: #ff00b3, gdje je prvi par brojeva crven, drugi zelen, a treći plavi.
- RGB (RedGreenBlue) ima oblik "200,100,255", što ukazuje na količinu odgovarajućeg tona (crvena, zelena, plava) u rezultujućoj boji.
- HSV (Hue, Saturation, Value - ton, saturation, value) je model boja u kojem su koordinate:
- Nijansa - ton boje, može varirati od 0° do 360°.
- Saturation - zasićenje, varira od 0-100 ili 0-1. Što je ovaj parametar veći, to je boja „čistija“, zbog čega se ovaj parametar ponekad naziva čistoća boje. I što je ovaj parametar bliži nuli, to je boja bliža neutralno sivoj.
- Vrijednost (vrijednost boje) - postavlja svjetlinu, vrijednost također može varirati između 0-100 ili 0-1.
Unesite kod boje: GO
Lista boja sa nazivima
U tabeli su navedeni nazivi boja engleski(koje se mogu koristiti kao vrijednosti) koje podržavaju svi pretraživači i njihove heksadecimalne vrijednosti. Sve navedene boje su „sigurne“, što znači da će se pojaviti iste u svim pretraživačima.
Naziv boje | HEX | Boja |
---|---|---|
Crna | #000000 | |
mornarica | #000080 | |
Tamno plava | #00008B | |
Srednjeplava | #0000CD | |
Plava | #0000FF | |
Tamnozelena | #006400 | |
Zeleno | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
DarkTurquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
Ponoćno plavo | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Tirkizna | #40E0D0 | |
RoyalBlue | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
MediumTurquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
Kadetsko plavo | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Slate Grey | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarin | #7FFFD4 | |
Maroon | #800000 | |
Ljubičasta | #800080 | |
Maslina | #808000 | |
Grey | #808080 | |
Sky Blue | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
DarkRed | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
LightGreen | #90EE90 | |
MediumPurple | #9370D8 | |
DarkViolet | #9400D3 | |
PaleGreen | #98FB98 | |
DarkOrchid | #9932CC | |
YellowGreen | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
DarkGray | #A9A9A9 | |
Svijetlo plava | #ADD8E6 | |
GreenYellow | #ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
Dark Khaki | #BDB76B | |
Srebro | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Čokolada | #D2691E | |
Tan | #D2B48C | |
LightGray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orhideja | #DA70D6 | |
GoldenRod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Šljiva | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavanda | #E6E6FA | |
DarkSalmon | #E9967A | |
Violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Kaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azure | #F0FFFF | |
SandyBrown | #F4A460 | |
Pšenica | #F5DEB3 | |
Bež | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Losos | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Posteljina | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Crveni | #FF0000 | |
Fuksija | #FF00FF | |
Magenta | #FF00FF | |
DeepPink | #FF1493 | |
OrangeRed | #FF4500 | |
Paradajz | #FF6347 | |
HotPink | #FF69B4 | |
Coral | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
Narandžasta | #FFA500 | |
LightPink | #FFB6C1 | |
Pink | #FFC0CB | |
Zlato | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokasina | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanširani badem | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornssilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snijeg | #FFFAFA | |
Žuta | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFFF0 | |
Bijelo | #FFFFFF |
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 različite vrste računari, monitori i pretraživači. 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) | |
Crna | #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) | |
kestenjasta (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) |
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 obdaruju svoje proizvode različite karakteristike, nastao je 1996. godine unificirani sistem Sinteza boja zasnovana na RGB pod nazivom sRGB, koju su zajednički razvili Microsoft i HP.
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 tablice 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 željenu 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 da prikaže boju, pokušava da dobije nešto blizu onoga što mu je potrebno mešanjem susednih boja i najverovatnije ć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 uključeno trenutno 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.
Problemi