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:
- Brskalnik ga nadomesti s tistim, ki mu je najbolj podoben in ga je mogoče uspešno reproducirati;
- 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.
Š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.
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
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!
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) |