Minecraft kode barve, ali Minecraft kode oblikovanje, omogoča kateremu koli igralcu dodajanje rož in oblikovanje besedila na vse možne načine neposredno v Minecraftu. Barvne kode od &0-9 - do &a-f. Dodajte jih pred besedilo. Sporočila igralcev lahko vsebujejo barvne kode, ki vam omogočajo, da svojim stavkom dodate barvo.
Barve in kode oblikovanja
Znak ampersand (&), ki mu sledi šestnajstiško število v sporočilih, signalizira odjemalcu, da pri prikazovanju besedila zamenja barve. Poleg tega je besedilo mogoče oblikovati z &, ki mu sledi črka. Knjigam, ukaznim blokom, imenu strežnika, opisu strežnika (motd), svetovnim imenom, znakom in celo imenom igralcev lahko dodate različne barve.
Zelo enostavno je oblikovati svoje besedilo v konfiguracijah ali v igri s pomočjo spodnje barvne tabele. &r se uporablja za ponastavitev vseh kod, tj. &mAAA&rBBB bo prikazan kot AAA BBB.
Za vaše udobje predstavljamo tabelo obstoječih barvnih kod v Minecraftu:
| Koda | Ime | Tehnično ime | Barva simbola | Barva sence simbola | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | Črna | Črna | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Temno modra | temno modra | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Temno zelena | temno zelena | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Temno modro-zelena | temna_vodna | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Temno rdeča | temno rdeča | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Temno vijolična | temno_vijolična | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | zlato | zlato | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Siva | siva | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Temno siva | temno siva | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Modra | modra | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Zelena | zelena | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Modro zelena | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | rdeča | rdeča | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Svetlo vijolična | svetlo vijolična | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Rumena | rumena | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Bela | bela | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Včasih je potrebno podčrtaj, prečrtaj, označite poljubno besedilo. To se naredi z uporabo oblikovanja besedila. Uporablja se popolnoma enako kot barve (postavimo pred besedilo Koda, na primer &lMinecraft = Minecraft.
Za vaše udobje je spodaj tabela kod za oblikovanje:
| Koda | Ime |
|---|---|
| &k | Čarobno besedilo |
| &l | Sličica |
| &m | Prečrtano besedilo |
| &n | Podčrtano besedilo |
| &o | Ležeče besedilo |
| &r | Besedilo brez oblikovanja |
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
>>Upravljanje barv
Šestnajstiške barvne vrednosti RGB
Metode opisovanja in obdelave barv se med seboj razlikujejo po tem, kateri končni predstavitvi so namenjene. Primerjajmo na primer zastopanost barv za tisk in za računalniške monitorje. V prvem primeru se vzame osnova bela barva papirja, na katerega so nato nanesene tri osnovne barve: modra, vijolična in rumena. Z mešanjem med seboj in z belo barvo papirja v različnih razmerjih dajejo te tri osnovne barve različne barvne odtenke, razen čiste črne ali v popolni odsotnosti barv dajejo bel papir. Če jim dodamo črno barvo, dobimo CMYK- način prenosa barve, ko želeno barvo dobimo z odštevanjem manjkajočih barv od bele.
V drugem primeru se vzame osnova Črna barva zaslona monitorja, katerega vsaka celica sveti v eni od treh barv: rdeča-rdeča, zelena- zelena in modra-modra. Potem, v popolni odsotnosti kakršnega koli sijaja, dobimo čisto črno barvo zaslona, katera koli zahtevana barva pa je podana z razmerjem vsake od treh barv. V tem primeru bomo dobili RGB- način prenosa barve. Primarne barve se lahko gibljejo od 0
prej 255
, ali od 0%
prej 100%
ali pa je lahko predstavljen kot šestnajstiška vrednost. Na spodnji sliki si lahko ogledate rezultate mešanja primarnih barv.
Šestnajstiški številski sistem za razliko od decimalnega številskega sistema nima deset števk, ampak šestnajst - od tod tudi ime. V skladu s tem lahko obstajajo samo neponavljajoče se različice kombinacij dveh števk - 256 , za nadaljevanje niza številk po 9 pisma iz A prej F, zato bo serija izgledala takole -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
V tem primeru je barva določena s tremi šestnajstiškimi številkami, od katerih je vsaka sestavljena iz dveh števk. Prva številka določa intenzivnost rdeča barve, srednje- zelena, zadnja stvar- modra barve. Vse številke imajo lahko vrednosti v območju od 00 prej FF(od 0 do 255). Na primer: zelena barva je podana kot #00FF00, rdeče - podobno #FF0000, modro - podobno #0000FF, belo - podobno #FFFFFF, popolna odsotnost barve ali črne je podana kot #000000 .
V spodnjem obrazcu lahko določite poljubne šestnajstiške vrednosti za vsako od treh barv in si ogledate rezultat njihovega mešanja s klikom v polje za izpis.
Primeri nekaterih šestnajstiških barvnih vrednosti RGB: gradacije rdeče, modre in zelene.
| pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda |
| #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 |
Določanje barve z nizovnimi literali
Za lažjo uporabo smo nekaterim barvam in njihovim kombinacijam dodelili imena, ki jih prepoznajo vsi brskalniki, veliko pa jih je postalo mogoče nastaviti po imenu. Spodnja tabela prikazuje nekaj imen barv:
| pogled | Ime | pogled | Ime | pogled | Ime | pogled | Ime |
| Bela | rdeča | Oranžna | Rumena | ||||
| Zelena | Modra | Vijolična | Črna | ||||
| Aliceblue | Antiquewhite | Aqua | Akvamarin | ||||
| Azurno | Bež | biskvit | Blanchedalmond | ||||
| Modrovijolična | rjav | Burlywood | Cadetblue | ||||
| Chartreuse | Čokolada | Korale | Cornflowermodra | ||||
| Cornsilk | Škrlatno | Cyan | Temno modra | ||||
| Darkcyan | Temna zlata rozga | Temno siva | Temno zelena | ||||
| temnokaki | temno magenta | temnozelena | Temnooranžna | ||||
| Darkorchid | Temno rdeča | Temni losos | Darkseagreen | ||||
| Temnoslatno modra | Temnoslatnosiva | Temno turkizna | temno vijolična | ||||
| Deeppink | Deepskyblue | Dimgray | Dodgerblue | ||||
| Ognjevarna opeka | Cvetlično bela | Forestgreen | Fuschia | ||||
| Gainsboro | Ghostwhite | zlato | Zlata rozga | ||||
| siva | Zeleno rumena | Medena rosa | Hotpink | ||||
| indijskordeča | Indigo | Slonokoščena | Kaki | ||||
| sivka | Rdečilo sivke | Limonski šifon | Svetlo modra | ||||
| Lightcoral | Lightcyan | Svetlo hladnorjavo rumeno | Svetlo zelena | ||||
| Svetlosiva | Svetlo roza | Lightlosos | Lightseagreen | ||||
| Svetlomodra | Svetloslatno siva | Svetlo jekleno modra | Svetlo rumena | ||||
| Apno | Limetegreen | perilo | Magenta | ||||
| Maroon | Srednji kvamarin | Srednje modra | Mediumorchid | ||||
| Srednje vijolična | Mediumseagreen | Mediumslatemodra | Mediumspringgreen | ||||
| Srednje turkizna | Srednje vijolično | Polnočno modra | Metina krema | ||||
| Mistyrose | Navajowhite | Mornarica | Stara čipka | ||||
| olivno | Oliverab | Oranžno | Orhideja | ||||
| Palegoldenrod | Bledozelena | Paleta turkizna | Palevioletred | ||||
| Papayawhip | Peachpuff | Peru | Roza | ||||
| Sliva | Prašno modra | Rožnatorjava | Kraljevsko modra | ||||
| Saddlerjava | Seagreen | školjka | Sienna | ||||
| Srebrna | Modro nebo | Slateblue | Slategray | ||||
| sneg | Springgreen | Steelblue | Tan | ||||
| Zelenomodra | Osat | Paradižnik | turkizna | ||||
| Vijolična | Pšenica | Whitesmoke | Rumenozelena |
Uporaba varne barvne palete
Na žalost je na različnih platformah, z različnimi sistemskimi nastavitvami, pravilna barvna reprodukcija težava. Dejstvo je, da brskalnik vedno poskuša barvno paleto dokumenta prilagoditi sistemskim nastavitvam in zmožnostim monitorja, tako da samostojno meša barve in jih zamenja. Zaradi tega včasih uporabnik ne vidi točno tistega, kar mu je spletni skrbnik želel pokazati. Izhod iz te situacije je bil najden v uporabi palete, katere vsaka barva je zagotovljena enako upodobljena v vseh brskalnikih na različnih platformah. To je t.i zagotovljeno paleta, imenovana tudi varno paleta. Ta paleta vključuje barve, katerih barvne komponente imajo naslednje vrednosti: 00 ,33 ,66 ,99 , CC,FF, na vse možne načine 216 njihove kombinacije.
| pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda | pogled | Koda |
| 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 | ||||||
| 9900 FF | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
V HTML lahko barvo podate na tri načine:
Nastavitev barve v HTML z njenim imenom
Nekatere barve je mogoče določiti z imenom, pri čemer kot vrednost uporabite ime barve v angleščini. Najpogostejše ključne besede: črna, bela, rdeča, zelena, modra itd.:
Barva besedila – rdeča
Najbolj priljubljene barve standarda World Wide Web Consortium (W3C):
| barva | Ime | barva | Ime | barva | Ime | barva | Ime |
|---|---|---|---|---|---|---|---|
| Črna | siva | Srebrna | Bela | ||||
| Rumena | Apno | Aqua | Fuksija | ||||
| rdeča | Zelena | Modra | Vijolična | ||||
| Maroon | olivno | Mornarica | Zelenomodra |
Primer uporabe različnih imen barv:
Primer: določanje barve z njenim imenom
- Poskusite sami"
Glava na rdečem ozadju
Glava na oranžnem ozadju
Naslov na ozadju limete
Belo besedilo na modrem ozadju
Glava na rdečem ozadju
Glava na oranžnem ozadju
Naslov na ozadju limete
Belo besedilo na modrem ozadju
Določanje barve z uporabo RGB
Pri prikazu različnih barv na monitorju se kot osnova uporablja paleta RGB. Vsako barvo dobimo z mešanjem treh osnovnih: R - rdeča, G - zelena, B - modra. Svetlost vsake barve je podana z enim bajtom in zato lahko zavzame vrednosti od 0 do 255. Na primer, RGB(255,0,0) je prikazan kot rdeča, ker je rdeča nastavljena na najvišjo vrednost (255) in ostali so nastavljeni na 0 Barvo lahko nastavite tudi kot odstotek. Vsak parameter označuje raven svetlosti ustrezne barve. Na primer: vrednosti rgb(127, 255, 127) in rgb(50%, 100%, 50%) bodo nastavile isto srednjo zeleno barvo:
Primer: Določanje barve z uporabo RGB
- Poskusite sami"
rgb(127, 255, 127)
rgb (50%, 100%, 50%)
rgb(127, 255, 127)
rgb (50%, 100%, 50%)
Nastavite barvo s šestnajstiško vrednostjo
Vrednote R G B lahko podate tudi s šestnajstiškimi (HEX) barvnimi vrednostmi v obliki: #RRGGBB, kjer so RR (rdeča), GG (zelena) in BB (modra) šestnajstiške vrednosti od 00 do FF (enako kot decimalne 0-255 ) . Šestnajstiški sistem za razliko od desetiškega temelji, kot že ime pove, na številu 16. Šestnajstiški sistem uporablja naslednje znake: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tukaj so številke od 10 do 15 nadomeščene z latiničnimi črkami. Števila, večja od 15, so v šestnajstiškem sistemu predstavljena z združitvijo dveh znakov v eno vrednost. Na primer, najvišje število 255 v decimalnem zapisu ustreza najvišji vrednosti FF v šestnajstiškem zapisu. Za razliko od decimalnega sistema je pred šestnajstiškim številom simbol zgoščenke. # , na primer, #FF0000 je prikazana kot rdeča, ker je rdeča nastavljena na najvišjo vrednost (FF), ostale barve pa na najmanjšo vrednost (00). Znaki za simbolom zgoščenke # Vnašate lahko tako velike kot male črke. Šestnajstiški sistem omogoča uporabo skrajšane oblike #rgb, kjer je vsak znak enak dvojini. Zato je treba vnos #f7O obravnavati kot #ff7700.
Primer: HEX barva
- Poskusite sami"
rdeča: #FF0000
zelena: #00FF00
modra: #0000FF
rdeča: #FF0000
zelena: #00FF00
modra: #0000FF
rdeča+zelena=rumena: #FFFF00
rdeča+modra=vijolična: #FF00FF
zelena+modra=cian: #00FFFF
Seznam običajnih barv (ime, HEX in RGB):
| angleško ime | rusko ime | Vzorec | HEX | RGB | ||
|---|---|---|---|---|---|---|
| Amarant | Amarant | #E52B50 | 229 | 43 | 80 | |
| Jantar | Jantar | #FFBF00 | 255 | 191 | 0 | |
| Aqua | Modro zelena | #00FFFF | 0 | 255 | 255 | |
| Azurno | Azurno | #007FFF | 0 | 127 | 255 | |
| Črna | Črna | #000000 | 0 | 0 | 0 | |
| Modra | Modra | #0000FF | 0 | 0 | 255 | |
| Bondi modra | Voda na plaži Bondi | #0095B6 | 0 | 149 | 182 | |
| Medenina | Medenina | #B5A642 | 181 | 166 | 66 | |
| rjav | rjav | #964B00 | 150 | 75 | 0 | |
| Cerulean | Azurno | #007BA7 | 0 | 123 | 167 | |
| Temno pomladno zelena | Temno pomladno zelena | #177245 | 23 | 114 | 69 | |
| Emerald | Emerald | #50C878 | 80 | 200 | 120 | |
| Jajčevec | Jajčevec | #990066 | 153 | 0 | 102 | |
| Fuksija | Fuksija | #FF00FF | 255 | 0 | 255 | |
| zlato | zlato | #FFD700 | 250 | 215 | 0 | |
| siva | Siva | #808080 | 128 | 128 | 128 | |
| Zelena | Zelena | #00FF00 | 0 | 255 | 0 | |
| Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
| Žad | Žad | #00A86B | 0 | 168 | 107 | |
| Apno | Apno | #CCFF00 | 204 | 255 | 0 | |
| Malahit | Malahit | #0BDA51 | 11 | 218 | 81 | |
| Mornarica | Temno modra | #000080 | 0 | 0 | 128 | |
| Oker | Oker | #CC7722 | 204 | 119 | 34 | |
| olivno | olivno | #808000 | 128 | 128 | 0 | |
| Oranžna | Oranžna | #FFA500 | 255 | 165 | 0 | |
| breskev | breskev | #FFE5B4 | 255 | 229 | 180 | |
| Buča | Buča | #FF7518 | 255 | 117 | 24 | |
| Vijolična | Vijolična | #800080 | 128 | 0 | 128 | |
| rdeča | rdeča | #FF0000 | 255 | 0 | 0 | |
| Žafran | Žafran | #F4C430 | 244 | 196 | 48 | |
| morsko zelena | Zeleno morje | #2E8B57 | 46 | 139 | 87 | |
| Močvirsko zelena | Bolotny | #ACB78E | 172 | 183 | 142 | |
| Zelenomodra | Modro zelena | #008080 | 0 | 128 | 128 | |
| Ultramarin | Ultramarin | #120A8F | 18 | 10 | 143 | |
| Vijolična | Vijolična | #8B00FF | 139 | 0 | 255 | |
| Rumena | Rumena | #FFFF00 | 255 | 255 | 0 | |
Barvne kode (ozadje) z nasičenostjo in odtenkom.
Barvne kode v CSS se uporabljajo za določanje barv. Običajno se barvne kode ali barvne vrednosti uporabljajo za nastavitev barve za barvo ospredja elementa (npr. barva besedila, barva povezave) ali barvo ozadja elementa (barva ozadja, barva bloka). Uporabljajo se lahko tudi za spreminjanje barve gumba, obrobe, označevalca, lebdenja in drugih okrasnih učinkov.
Svoje barvne vrednosti lahko določite v različnih formatih. V naslednji tabeli so navedeni vsi možni formati:
Našteti formati so podrobneje opisani spodaj.
Barve CSS - šestnajstiške kode
Šestnajstiška koda barve je šestmestna predstavitev barve. Prvi dve števki (RR) predstavljata rdečo vrednost, naslednji dve predstavljata zeleno vrednost (GG), zadnji dve pa predstavljata modro vrednost (BB).
Barve CSS – kratke šestnajstiške kode
Kratka šestnajstiška barvna koda je krajša oblika zapisa s šestimi znaki. V tem formatu se vsaka cifra ponovi, da se ustvari enakovredna šestmestna barvna vrednost. Na primer: #0F0 postane #00FF00.
Šestnajstiško vrednost lahko vzamete iz katere koli grafične programske opreme, kot je Adobe Photoshop, Core Draw itd.
Pred vsako šestnajstiško barvno kodo v CSS bo postavljen znak "#". Spodaj so primeri uporabe šestnajstiških zapisov.
Barve CSS - vrednosti RGB
RGB vrednost je barvna koda, ki je nastavljena z lastnostjo rgb(). Ta lastnost ima tri vrednosti: po eno za rdečo, zeleno in modro. Vrednost je lahko celo število od 0 do 255 ali odstotek.
Opomba: Vsi brskalniki ne podpirajo barvne lastnosti rgb(), zato je uporaba ni priporočljiva.
Spodaj je primer, ki prikazuje več barv z uporabo vrednosti RGB.
Generator barvnih kod
Z našo storitvijo lahko ustvarite na milijone barvnih kod.
Varne barve za brskalnik
Spodaj je tabela 216 barv, ki so najbolj varne in računalniško neodvisne. Te barve v CSS segajo od 000000 do šestnajstiške kode FFFFFF. So varni za uporabo, saj zagotavljajo, da vsi računalniki pravilno prikazujejo barve pri delu s 256 barvno paleto.
| Tabela "varnih" barv v CSS | |||||
| #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 |