Lila koda. Vadnica HTML. RGB barve. Varna paleta barv. Barve CSS - vrednosti RGB

Tabela (paleta) barv html vam daje možnost, da samostojno izberete ton, ki ga potrebujete. Vrednost barve je prikazana v treh oblikah: Hex, RGB in HSV.

  • Hex sestavljajo tri dvomestne vrednosti v šestnajstiškem številskem sistemu. Na primer: #ff00b3, kjer je prvi par številk rdeč, drugi zelen in tretji moder.
  • RGB (RedGreenBlue) ima obliko "200,100,255", ki označuje količino ustreznega tona (rdeča, zelena, modra) v nastali barvi.
  • HSV (Hue, Saturation, Value - ton, nasičenost, vrednost) - barvni model, v katerem so koordinate:
    • Hue - barvni ton, lahko variira od 0° do 360°.
    • Saturation - nasičenost, variira od 0-100 ali 0-1. Višji kot je ta parameter, "čistejša" je barva, zato ta parameter včasih imenujemo čistost barve. In bližje kot je ta parameter ničli, bližje je barva nevtralni sivi.
    • Vrednost (barvna vrednost) - nastavi svetlost, vrednost lahko variira tudi med 0-100 ali 0-1.

Vnesite kodo barve: POJDI

Seznam barv z imeni

Tabela navaja angleška imena barv (ki se lahko uporabljajo kot vrednosti), ki jih podpirajo vsi brskalniki, in njihove šestnajstiške vrednosti. Vse navedene barve so "varne", kar pomeni, da bodo prikazane enako v vseh brskalnikih.

Ime barve HEX barva
Črna#000000
Mornarica#000080
Temno modra#00008B
Srednje modra#0000CD
Modra#0000FF
Temno zelena#006400
Zelena#008000
Zelenomodra#008080
DarkCyan#008B8B
DeepSkyBlue#00BFFF
Temnoturkizna#00CED1
MediumSpringGreen#00FA9A
Apno#00FF00
SpringGreen#00FF7F
Aqua#00FFFF
Cyan#00FFFF
Polnočno modra#191970
DodgerBlue#1E90FF
LightSeaGreen#20B2AA
ForestGreen#228B22
SeaGreen#2E8B57
DarkSlateGray#2F4F4F
LimeGreen#32CD32
MediumSeaGreen#3CB371
turkizna#40E0D0
Kraljevsko modra#4169E1
SteelBlue#4682B4
DarkSlateBlue#483D8B
Srednje turkizna#48D1CC
Indigo#4B0082
Temno Olivno Zelena#556B2F
CadetBlue#5F9EA0
CornflowerBlue#6495ED
MediumAquaMarine#66CDAA
DimGray#696969
SlateBlue#6A5ACD
OliveDrab#6B8E23
Skrilasto siva#708090
LightSlateGray#778899
MediumSlateBlue#7B68EE
LawnGreen#7CFC00
Chartreuse#7FFF00
Akvamarin#7FFFD4
Maroon#800000
Vijolična#800080
olivno#808000
siva#808080
Modro nebo#87CEEB
LightSkyBlue#87CEFA
BlueViolet#8A2BE2
Temno rdeča#8B0000
Temno magenta#8B008B
SaddleBrown#8B4513
DarkSeaGreen#8FBC8F
Svetlo zelena#90EE90
Srednje vijolična#9370D8
TemnoVijolična#9400D3
PaleGreen#98FB98
DarkOrchid#9932CC
rumenozelena#9ACD32
Sienna#A0522D
rjav#A52A2A
Temno siva#A9A9A9
Svetlo modra#ADD8E6
ZelenoRumena#ADFF2F
PaleTurquoise#AFEEEE
LightSteelBlue#B0C4DE
PowderBlue#B0E0E6
FireBrick#B22222
DarkGoldenRod#B8860B
Srednja orhideja#BA55D3
RosyBrown#BC8F8F
Temno kaki#BDB76B
Srebrna#C0C0C0
Srednje Vijolično Rdeča#C71585
IndianRed#CD5C5C
Peru#CD853F
Čokolada#D2691E
Tan#D2B48C
Svetlosiva#D3D3D3
BledoVijoličnoRdeča#D87093
Osat#D8BFD8
Orhideja#DA70D6
GoldenRod#DAA520
Škrlatno#DC143C
Gainsboro#DCDCDC
Sliva#DDA0DD
BurlyWood#DEB887
Svetlomodra#E0FFFF
sivka#E6E6FA
DarkSalmon#E9967A
Vijolična#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Kaki#F0E68C
AliceBlue#F0F8FF
HoneyDew#F0FFF0
Azurno#F0FFFF
SandyBrown#F4A460
Pšenica#F5DEB3
Bež#F5F5DC
WhiteSmoke#F5F5F5
MintCream#F5FFFA
GhostWhite#F8F8FF
Losos#FA8072
AntiqueWhite#FAEBD7
perilo#FAF0E6
LightGoldenRodYellow#FAFAD2
OldLace#FDF5E6
rdeča#FF0000
Fuksija#FF00FF
Magenta#FF00FF
DeepPink#FF1493
OranžnoRdeča#FF4500
Paradižnik#FF6347
HotPink#FF69B4
Korale#FF7F50
Temnooranžna#FF8C00
LightSalmon#FFA07A
Oranžna#FFA500
Svetlo roza#FFB6C1
Roza#FFC0CB
zlato#FFD700
PeachPuff#FFDAB9
NavajoWhite#FFDEAD
Mokasin#FFE4B5
biskvit#FFE4C4
MistyRose#FFE4E1
Blanširani mandlji#FFEBCD
Papaya Whip#FFEFD5
LavenderBlush#FFF0F5
SeaShell#FFF5EE
Cornsilk#FFF8DC
LemonChiffon#FFFACD
FloralWhite#FFFAF0
sneg#FFFAFA
Rumena#FFFF00
Svetlo rumena#FFFFE0
Slonokoščena#FFFFFF0
Bela#FFFFFF

Barve HTML so označene s šestimi znaki za poševnico - na primer #000000. Teh šest simbolov predstavlja deleže različnih barv (rdeča, zelena, modra) v končni barvi. Na monitorju vašega računalnika je slika oblikovana iz ogromnega števila pik, imenovanih piksli. Vsak piksel je majhen vir svetlobe, recimo mu »svetilka«, ki je sestavljena iz treh svetilk - rdeče, zelene in modre. Z zmanjševanjem ali povečevanjem jakosti sijaja posameznih barvnih svetilk dobimo želeno barvo.

HTML barvne kode

Barve v HTML so predstavljene s šestnajstiškim (HEX) zapisom rdeče, modre in zelene (RGB).

Najmanjša vrednost barve je 0 (šestnajstiško 00). Najvišja barvna vrednost je 255 (hex FF).

Šestnajstiška barvna vrednost je tri števke, ki se začnejo z znakom #.

Barvne kode (pomeni)

barva HEX koda koda RGB
#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 milijonov odtenkov

Če kombinirate rdečo, modro in zeleno z vrednostmi od 0 do 255 za odstotek vsake barve, dobite skupaj več kot 16 milijonov odtenkov (256 x 256 x 256).

Večina sodobnih monitorjev lahko prikaže vsaj 16.384 različnih odtenkov (LCD monitorji lahko na splošno prikažejo 262 tisoč 16 milijonov (posodobljeno oktobra 2013) barve, CRT monitorji pa lahko prikazujejo tako rekoč neomejeno število barv).

Spodnja barvna tabela prikazuje spremembo deleža rdeče od 0 do 255 z ničelnimi vrednostmi za modro in zeleno:

rdeča HEX koda koda RGB
#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)

Odtenki sive

Za pridobitev odtenkov sive se uporabljajo enaki deleži vseh barv. Da boste lažje izbrali pravo barvo, vam ponujamo kode sivih odtenkov

Odtenki sive HEX koda koda RGB
#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)

Imena barv html med brskalniki (vsi brskalniki).

Zbirka 150 imen barv v html, podprtih v vseh brskalnikih.

Standardizirana imena barv

W3C navaja 16 veljavnih imen barv za HTML in CSS: vodna, črna, modra, fuksija, siva, zelena, limeta, kostanjeva (kostanjeva), mornarska (ultramarin), olivna (olivna), vijolična (vijolična), rdeča (rdeča) , srebrna (srebrna), modrozelena (siva), bela (bela) in rumena (rumena).

Pri uporabi barv, ki niso na tem seznamu, je pravilneje uporabiti njihovo šestnajstiško (HEX) kodo ali kodo RGB.

Varne barve

Pred nekaj leti, ko so lahko računalniki podpirali največ 256 različnih barv, je bil predlagan seznam 216 "Web Safe Colors", s 40 barvami, rezerviranimi za sistem.

Ta 216-barvna paleta je bila ustvarjena za pravilen prikaz barv v načinu 256-barvne palete.

Zdaj to ni pomembno, saj večina računalnikov po vsem svetu podpira na milijone barvnih odtenkov. V vsakem primeru je tukaj seznam teh barv:

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
9900 FF FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

Pri html straneh so barve označene predvsem v šestnajstiškem sistemu. Za to se uporabljata dve vrsti snemanja kode - polno ali skrajšano. Če želite pravilno označiti barvo html v celoti, morate za oznako hash napisati šest znakov (številke in / ali angleške črke), na primer, črna je napisana takole: #000000. Okrajšava za določanje barv html je sestavljena iz zgoščene vrednosti in treh številk in/ali črk za njo. Vendar pa je to vrsto delnice mogoče uporabiti le, če je celoten zapis določene barve sestavljen iz enakih simbolov za oznako za rez. Na primer, isto črno barvo lahko zapišemo takole: #000. Barve html lahko določite z velikimi in malimi znaki, saj ne razlikujejo med velikimi in malimi črkami.

Vsak znak, napisan za "#", ustreza določenemu deležu rdečih, zelenih in modrih barv. Vsi monitorji pa so sestavljeni iz ogromnega števila slikovnih pik (mikroskopskih pik), od katerih vsaka vključuje 3 tako imenovane "svetilke" (viri svetlobe): rdečo, zeleno in modro. Nato s prilagajanjem jakosti svetlobe, ki jo oddajajo te »svetilke«, monitor prikaže barvo, ki jo potrebujemo.

S kombiniranjem intenzivnosti emisije rdeče, modre in zelene svetlobe (od 0 do 256) lahko monitorji prikažejo 16.000.000 različnih odtenkov.

Tudi barve za spletna mesta so lahko označene ustno ali v kodi RGB.

Danes lahko ustno zapišemo 147 barv. Pomembno je vedeti, da lahko nekatera različna imena pomenijo iste barve, na primer Gray in Gray sta sivi barvi (#808080).

Varne barve za spletna mesta.

Vsak monitor in brskalnik ne moreta pravilno prikazati vseh 16 milijonov barv html.

Če na primer naletite na barvo, ki je brskalnik ne more pravilno prikazati, potem:

  1. Brskalnik ga nadomesti s tistim, ki mu je najbolj podoben in ga je mogoče uspešno reproducirati;
  2. Za pravilen prikaz lahko brskalnik zmeša več barv in reproducira rezultat.

Če želite zagotoviti, da je izpis v katerem koli brskalniku in na katerem koli monitorju barve, ki ste jo določili v kodi, je priporočljivo uporabiti »Varne barve«. Niso bili določeni ročno ali po želji nekoga drugega, ampak matematično. Takšnih 100-odstotno varnih barv za dokumente HTML je 216. In čeprav so današnje tehnologije dosegle točko, ko sodobni monitorji in brskalniki prepoznajo na milijone odtenkov, priporočamo uporabo teh varnih barv za zagotovitev barvnega upodabljanja.

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

Ta tabela vključuje 216 varnih barvnih kod html. Vsaka barva ima vrednost v RGB za določanje barve v grafičnih urejevalnikih in HEX za določanje barve na straneh html.

Za določanje barv se uporabljajo šestnajstiška števila. Šestnajstiški sistem za razliko od decimalnega temelji, kot že ime pove, na številu 16. Številke bodo naslednje: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Številke od 10 do 15 nadomestimo z latiničnimi črkami. Števila, večja od 15 v šestnajstiškem sistemu, nastanejo tako, da se dve števili združita v eno. Na primer, število 255 v decimalnem zapisu ustreza številu FF v šestnajstiškem zapisu. Da bi se izognili zmedi pri določanju številskega sistema, se pred šestnajstiško številko postavi znak #, na primer #666999. Vsaka od treh barv - rdeča, zelena in modra - ima lahko vrednosti od 00 do FF. Tako je barvni simbol razdeljen na tri komponente #rrggbb, kjer prva dva simbola označujeta rdečo komponento barve, srednja dva - zeleno in zadnja dva - modro. Dovoljena je uporaba skrajšane oblike #rgb, kjer je treba vsak znak podvojiti. Zato je treba vnos #fe0 obravnavati kot #ffee00.

Po imenu

internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Brskalniki podpirajo nekatere barve po imenu. V tabeli 1 prikazuje imena, šestnajstiško kodo, vrednosti RGB, HSL in opis.

Tabela 1. Imena barv
Ime barva Koda RGB HSL Opis
bela #ffffff ali #fff rgb(255,255,255) hsl(0,0%,100%) Bela
srebro #c0c0c0 rgb(192,192,192) hsl(0,0%,75%) Siva
siva #808080 rgb(128,128,128) hsl(0,0%,50%) Temno siva
Črna #000000 ali #000 rgb(0,0,0) hsl(0,0%,0%) Črna
kostanjeva #800000 rgb(128,0,0) hsl(0,100%,25%) Temno rdeča
rdeča #ff0000 ali #f00 rgb(255,0,0) hsl(0,100%,50%) rdeča
oranžna #ffa500 rgb(255,165,0) hsl(38,8,100%,50%) Oranžna
rumena #ffff00 ali #ff0 rgb(255,255,0) hsl(60,100%,50%) Rumena
olivno #808000 rgb(128,128,0) hsl(60,100%,25%) olivno
apno #00ff00 ali #0f0 rgb(0,255,0) hsl(120,100%,50%) Svetlo zelena
zelena #008000 rgb(0,128,0) hsl(120,100%,25%) Zelena
aqua #00ffff ali #0ff rgb(0,255,255) hsl(180,100%,50%) Modra
modra #0000ff ali #00f rgb(0,0,255) hsl(240,100%,50%) Modra
mornarica #000080 rgb(0,0,128) hsl(240,100%,25%) Temno modra
zelenomodra #008080 rgb(0,128,128) hsl(180,100%,25%) Modro zelena
fuksija #ff00ff ali #f0f rgb(255,0,255) hsl(300,100%,50%) Roza
vijolična #800080 rgb(128,0,128) hsl(300,100%,25%) Vijolična

Uporaba RGB

internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Barvo lahko določite z uporabo rdečih, zelenih in modrih vrednosti v decimalnih vrednostih. Vsaka od treh barvnih komponent ima vrednost od 0 do 255. Prav tako je dovoljeno določiti barvo v odstotkih, pri čemer 100 % ustreza številu 255. Najprej določite ključno besedo rgb, nato pa določite barvne komponente v oklepaju , ločeni z vejicami, na primer rgb(255 , 128, 128) ali rgb(100%, 50%, 50%).

RGBA

internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Format RGBA je po sintaksi podoben RGB, vendar vključuje kanal alfa, ki določa prosojnost elementa. Vrednost 0 je popolnoma prosojna, 1 je neprozorna, vmesna vrednost, kot je 0,5, pa je polprosojna.

RGBA je bil dodan CSS3, zato je treba kodo CSS preveriti glede na to različico. Upoštevati je treba, da je standard CSS3 še v razvoju in da se lahko nekatere funkcije spremenijo. Na primer, barva v formatu RGB, dodana v lastnost barve ozadja, je potrjena, vendar tista, dodana v lastnost ozadja, ni več veljavna. Hkrati brskalniki povsem pravilno razumejo barvo za obe lastnosti.

HSL

internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Ime formata HSL izhaja iz kombinacije prvih črk Hue (odtenek), Saturate (nasičenost) in Lightness (svetloba). Odtenek je barvna vrednost na barvnem krogu (slika 1) in je podana v stopinjah. 0° ustreza rdeči, 120° zeleni in 240° modri. Vrednost odtenka se lahko spreminja od 0 do 359.

riž. 1. Barvno kolo

Nasičenost je intenzivnost barve in se meri v odstotkih od 0 % do 100 %. Vrednost 0 % pomeni, da ni barve in je odtenek sive, 100 % pa je največja vrednost za nasičenost.

Svetlost določa, kako svetla je barva in je podana kot odstotek od 0 % do 100 %. Nizke vrednosti naredijo barvo temnejšo, visoke vrednosti pa svetlejšo; skrajne vrednosti 0% in 100% ustrezajo črno-beli barvi.

HSLA

internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Format HSLA je po sintaksi podoben HSL, vendar vključuje kanal alfa za določanje prosojnosti elementa. Vrednost 0 je popolnoma prosojna, 1 je neprozorna, vmesna vrednost, kot je 0,5, pa je polprosojna.

Barvne vrednosti RGBA, HSL in HSLA so dodane v CSS3, zato pri uporabi teh formatov preverite kodo glede veljavnosti različice.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Barve

Opozorilo

Vse metode lovljenja levov, navedene na spletnem mestu, so teoretične in temeljijo na računalniških metodah. Avtorji ne jamčijo za vašo varnost pri njihovi uporabi in se odpovedujejo odgovornosti za rezultate. Ne pozabite, lev je plenilec in nevarna žival!

Arrrgh!

Rezultat tega primera je prikazan na sl. 2.

riž. 2. Barve na spletni strani

Obstaja več načinov za predstavitev barv v spletnem oblikovanju.

HEX je sistem šestnajstiške predstavitve barv, ki temelji na osnovi 16. Za ta sistem se uporabljajo arabske decimalne številke od 0 do 9 in latinične črke od A do F, ki dopolnjujejo digitalno število do 16. Za spletno oblikovanje 16 primarnih (ključnih) barv uporablja se tako imenovana šestnajstiška barvna koda #RRGGBB, kjer je vsak par odgovoren za svoj delež barve: RR – rdeča, GG – zelena in BB – modra. Vsaka barvna frakcija sega od 00 do FF.

Dve drugi predstavitvi barve v spletnem oblikovanju sta: v obliki RGB(*,*,*), kjer je vsak del barve »*« predstavljen z decimalnimi števkami od 0 do 255 in z imeni barv v angleščini.

Pri ustvarjanju barvne slike je glavna težava pravilna reprodukcija barv na različnih vrstah računalnikov, monitorjev in brskalnikov. Če brskalnik ne more pravilno prikazati barve, izbere podobno ali zmeša več barv. In včasih ga je mogoče nadomestiti s kakšno popolnoma drugačno barvo.

Tabela 16 osnovnih barv, ki se uporabljajo v vseh brskalnikih

Ime barva Hex (RGB)
Aqua (morski val) #00FFFF (000,255,255)
Črna #000000 (000,000,000)
Modra #0000FF (000,000,255)
Fuksija (magenta) #FF00FF (255,000,255)
siva #808080 (128,128,128)
Zelena #008000 (000,128,000)
Limeta (svetlo zelena) #00FF00 (000,255,000)
Maroon (temno bordo) #800000 (128,000,000)
Mornarsko modra (temno modra) #000080 (000,000,128)
olivno #808000 (128,128,000)
Vijolična #800080 (128,000,128)
rdeča #FF0000 (255,000,000)
Srebrna #C0C0C0 (192,192,192)
Teal (sivo-zelena) #008080 (000,128,128)
Bela #FFFFFF (255,255,255)
Rumena #FFFF00 (255,255,000)

Tabela vijolična barve in njeni odtenki

Ime barva 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 vijolična) #EF0097 (239,000,151)
Losos roza (oranžno roza) #FF91A4 (255,145,164)
Cenise (odtenek vijolične) #DE3163 (153,149,140)
Jajčevec (jajčevec) #990066 (153,000,132)
Rdečilo sivke (rožnato-sivka)  #FFF0F5 (255,240,245)
Lila (lila) #C8A2C8 (200,162,200)
magenta (magenta) #FF008F (255,000,143)
Orhideja (orhideja) #DA70D6 (218,112,214)
Rdeče-vijolična (vijolično-rdeča) #C71585 (199,021,133)
sangvinik (sangvinik) #92000A (146,000,010)
Osat (odtenek vijolične) #D8BFD8 (185,211,238)
Vijolično-jajčevec (odtenek vijolične) #991199 (153,017,153)
Rosa vivo (temno roza) #FF007F (255,000,127)
Sivka-vrtnica (odtenek vijolične) #FBA0E3 (108,123,139)
Mountbatten roza #997ABD (153,122,141)

Tabela siva barve in njeni odtenki

Ime barva Hex (RGB)
siva #808080 (128,128,128)
siva #bebebe (190,190,190)
(Siv odtenek) #858585 (133,133,133)
siva33 #545454 (084,084,084)
(Sivi skrilavec) #708090 (112,128,144)
(Kvarc) #99958с (153,149,140)
(Svetlosiva) #bbbbbb (187,187,187)
(srebrna) #c0c0c0 (192,192,192)
(Sivo-bela) #f0f0f0 (240,240,240)
(Abdel-Kerimove brade) #e0e0e0 (224,224,224)
LightGray (svetlo siva) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (bledo rožnato modra1) #c6e2ff (198,226,255)
StateGray-2 (bledo koruzno modra2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)