Värvikoodid RGB-des. Värvikoodid Minecraftis
28.11.14 11,1 tuhatKahjuks ei saa kodulehel veel maitseelamusi kuvada. Kuid seda saab täielikult kompenseerida värvivalik. Lõppude lõpuks võimaldavad html-värvid kuvada mis tahes miljonitest toonidest. nii" värvilised pliiatsid Tema komplektis on palju rohkem kui seitse.
Värviskeem html-vormingus
html-is saab värvi määrata mitmes vormingus:
1. Kuueteistkümnendväärtusena – kasutatakse kuueteistkümnendsüsteemis määratud koodi. Sellised värvikoodid html-is koosnevad kolmest kuueteistkümnendsüsteemi numbrite paarist. Iga paar vastutab varju küllastumise eest oma põhivärviga:
- Esimene numbripaar vastutab punase värvi eest;
- Teine paar on rohelise värvi sisu jaoks;
- Viimane on sinise sisu tõttu.
Koodi algusesse (enne numbreid) asetatakse räsimärk. See on kuueteistkümnendsüsteemi värvikood. Lisaks numbritele 1 kuni 9 kasutab see numbrisüsteem tähti Ladina tähestik(A, B, C, D, E, F).
Näiteks html-i valge värvikood näeb välja nagu #FFFFFF:
2. Märksõna – HTML toetab praegu umbes 147 märksõna. Kuid mitte kõik need sõnad pole ainulaadsed. Mõned neist viitavad samale värvitoonile.
Halli värvi tähistab kaks märksõna: hall ja hall . Nende kuueteistkümnendkoodi (HEX) annab sama väärtus #808080.
Näide:
#808080
3. B RGB formaadis– see html-i värvikodeering põhineb kolme väärtuse kasutamisel, mis on määratud vahemikus 0 kuni 255. Igaüks neist määrab tooni küllastuse ühe põhivärviga:
- R – punane (punane);
- G – roheline (roheline);
- B – sinine (sinine).
Värvinumber RGB-vormingus kirjutatakse järgmisel kujul: rgb(0, 210, 100).
background-color:rgb(100,186,43)
4. RGBA-vormingus - see on täiustatud RGB-vorming, kus neljas väärtus määrab vormis värvide läbipaistvuse kümnend 0 kuni 1.
Kasutusnäide:
background-color:rgba(100;86;143;0.2)
taustavärv:rgba(100,86,143,0,5)
taustavärv:rgba(100,86,143,0,8)
taustavärv:rgba(100,86,143,1)
HTML-värvitabelid ja värvigeneraatorid
Nii suure valiku värviseadete vormingute puhul on lihtne segadusse sattuda. Seetõttu leiutati spetsiaalne värvitabel. See pakub 147 värvitoonide põhinimetust koos kõigi peamiste värvistandardite vastavuskoodidega. Lisaks on iga väli varustatud ribaga visuaalseks värvivalikuks. Üks neist tabelitest on esitatud veebisaidil colorcheme.ru:
Kuid isegi sellise sobitamise struktureerimise korral võib õige tooni valimine olla keeruline. Ja pole tõsi, et värvikoodide tabel sisaldab seda, mida vajate.
Et sellest takistusest mööda hiilida ja õige varjundi valimine võimalikult lihtsaks teha, on välja töötatud interaktiivsed veebiteenused. Nende kasutajaliides võib üksteisest veidi erineda.
Veebisaidil html-color-codes.info näeb värvigeneraator välja järgmine:
Ja teenuse color-picker.appsmaster.co raames rakendatakse seda tööriista veidi erinevalt:
Generaatori iga värvi küllastus määratakse spetsiaalsete liugurite abil. Visuaalselt kuvatakse varju raami ja ristküliku värviga vasakul küljel. Allosas kuvatakse 3 väljal põhivormingus värvikoodi.
Kuid värvigeneraator pole saadaval mitte ainult spetsialiseeritud saitidel. Peaaegu kõik graafilised redaktorid on varustatud sarnase tööriistaga. Näiteks Photoshop:
Ohutusmeetmed värviga töötamisel
Ja see oli kaua aega tagasi, vaid 256 värvi toetavate videokaartide ajastul. Neil kaugetel aegadel OS suudab kuvada ainult teatud arvu kaheksabitiseid toone ilma moonutusteta.
Seejärel töötati välja suurepärane ohutute värvide tabel. See määras 216 tooni, mida sai kuvada ilma moonutusteta üheski tolleaegses brauseris. Ja tänaseni see" suurepärane käsikiri» on mõnes allikas endiselt saadaval:
Tänapäeval on kõik muutunud. Seetõttu tühistatakse kõik HTML-is värviga töötamise ohutuseeskirjad täielikult. Moodne arvutiriistvara toetab ju enam kui 16 miljonit erinevat tooni. Ja 216 turvalist värvi on unustusehõlma vajunud.
Värvide määramiseks kasutatakse kuueteistkümnendarvu. Kuueteistkümnendsüsteem, erinevalt kümnendsüsteemist, põhineb, nagu nimigi ütleb, arvul 16. Arvud on järgmised: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numbrid 10 kuni 15 asendatakse ladina tähtedega. Arvud, mis on suuremad kui 15 kuueteistkümnendsüsteemis, saadakse kahe arvu ühendamisel üheks. Näiteks kümnendsüsteemis olev arv 255 vastab kuueteistkümnendsüsteemis arvule FF. Et vältida segadust numbrisüsteemi määramisel, asetatakse kuueteistkümnendsüsteemi ette räsimärk #, näiteks #666999. Kõik kolm värvi - punane, roheline ja sinine - võivad võtta väärtusi vahemikus 00 kuni FF. Seega on värvisümbol jagatud kolmeks komponendiks #rrggbb, kus kaks esimest sümbolit tähistavad värvi punast komponenti, kaks keskmist - rohelist ja kaks viimast - sinist. Lubatud on kasutada lühendatud vormi #rgb, kus iga märk tuleb kahekordistada. Seega tuleks kirjet #fe0 käsitleda kui #ffee00.
Nimepidi
Internet Explorer | Chrome | Ooper | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Brauserid toetavad mõnda värvi nende nime järgi. Tabelis 1 näitab nimesid, kuueteistkümnendkoodi, RGB, HSL väärtusi ja kirjeldust.
Nimi | Värv | Kood | RGB | HSL | Kirjeldus |
---|---|---|---|---|---|
valge | #ffffff või #ffff | rgb(255 255 255) | hsl (0,0%, 100%) | Valge | |
hõbedane | #c0c0c0 | rgb(192 192 192) | hsl (0,0%, 75%) | Hall | |
hall | #808080 | rgb(128 128 128) | hsl (0,0%, 50%) | Tumehall | |
must | #000000 või #000 | rgb(0,0,0) | hsl(0,0%,0%) | Must | |
kastanipunane | #800000 | rgb(128,0,0) | hsl (0,100%, 25%) | Tumepunane | |
punane | #ff0000 või #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Punane | |
oranž | #ffa500 | rgb(255 165, 0) | hsl (38,8 100%, 50%) | Oranž | |
kollane | #ffff00 või #ff0 | rgb(255 255, 0) | hsl (60 100%, 50%) | Kollane | |
oliiv | #808000 | rgb(128 128, 0) | hsl (60 100%, 25%) | Oliiv | |
lubi | #00ff00 või #0f0 | rgb(0,255,0) | hsl (120 100%, 50%) | Heleroheline | |
roheline | #008000 | rgb(0,128,0) | hsl (120 100%, 25%) | Roheline | |
aqua | #00ffff või #0ffff | rgb(0 255 255) | hsl (180 100%, 50%) | Sinine | |
sinine | #0000ff või #00f | rgb(0,0,255) | hsl (240 100%, 50%) | Sinine | |
merevägi | #000080 | rgb(0,0,128) | hsl (240 100%, 25%) | Tumesinine | |
sinine | #008080 | rgb(0,128,128) | hsl (180 100%, 25%) | Sinine Roheline | |
fuksia | #ff00ff või #f0f | rgb(255;0,255) | hsl(300,100%,50%) | Roosa | |
lilla | #800080 | rgb(128;0;128) | hsl (300 100%, 25%) | violetne |
RGB kasutamine
Internet Explorer | Chrome | Ooper | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Saate määrata värvi punase, rohelise ja sinise kümnendkoha väärtuste abil. Iga kolme värvikomponendi väärtus on vahemikus 0 kuni 255. Lubatud on ka värvi määramine protsentides, kusjuures 100% vastab arvule 255. Esmalt määrake rgb märksõna ja seejärel sulgudes värvikomponendid. , eraldades komadega, näiteks rgb(255 , 128, 128) või rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Ooper | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA-vorming on süntaksilt sarnane RGB-ga, kuid sisaldab alfakanalit, mis määrab elemendi läbipaistvuse. Väärtus 0 on täielikult läbipaistev, 1 on läbipaistmatu ja vahepealne väärtus, näiteks 0,5, on poolläbipaistev.
RGBA lisati CSS3-le, seega tuleb CSS-kood selle versiooni suhtes valideerida. Tuleb märkida, et CSS3 standard on alles väljatöötamisel ja mõned funktsioonid võivad muutuda. Näiteks taustavärvi atribuudile lisatud RGB-vormingus värv valideeritakse, kuid tausta atribuudile lisatud värv ei kehti enam. Samal ajal saavad brauserid mõlema atribuudi värvist üsna õigesti aru.
HSL
Internet Explorer | Chrome | Ooper | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL-vormingu nimi on tuletatud esimeste tähtede kombinatsioonist Hue (toon), Saturate (küllastus) ja Lightness (heledus). Toon on värviväärtus värvirattal (joonis 1) ja see on antud kraadides. 0° vastab punasele, 120° rohelisele ja 240° sinisele. Tooni väärtus võib varieeruda vahemikus 0 kuni 359.
Riis. 1. Värviratas
Küllastus on värvi intensiivsus ja seda mõõdetakse protsendina vahemikus 0% kuni 100%. Väärtus 0% näitab värvi puudumist ja halli varjundit, 100% maksimaalne väärtus küllastus.
Heledus määrab, kui hele on värv ja määratakse protsendina vahemikus 0% kuni 100%. Madalad väärtused muudavad värvi tumedamaks ja kõrged väärtused muudavad värvi heledamaks äärmuslikud väärtused 0% ja 100% vastavad mustvalgele.
HSLA
Internet Explorer | Chrome | Ooper | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA-vorming on süntaksilt sarnane HSL-iga, kuid sisaldab alfakanalit, mis määrab elemendi läbipaistvuse. Väärtus 0 on täielikult läbipaistev, 1 on läbipaistmatu ja vahepealne väärtus, näiteks 0,5, on poolläbipaistev.
Värvi väärtused sisse RGBA formaadid, HSL ja HSLA on lisatud CSS3-le, nii et nende vormingute kasutamisel kontrollige oma koodi versiooni kehtivust.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Hoiatus
Kõik saidil loetletud lõvide püüdmise meetodid on teoreetilised ja põhinevad arvutusmeetoditel. Autorid ei taga teie ohutust nende kasutamisel ega võta vastutust tulemuste eest. Pidage meeles, et lõvi on kiskja ja ohtlik loom!
Tulemus see näide näidatud joonisel fig. 2.
Riis. 2. Värvid veebilehel
Värvide määramiseks kasutatakse CSS-i värvikoode. Tavaliselt kasutatakse värvikoode või värviväärtusi elemendi esiplaani värvi (nt teksti värv, lingi värv) või elemendi taustavärvi (taustavärv, ploki värv) värvi määramiseks. Neid saab kasutada ka nupu, äärise, markeri, hõljutuse ja muude dekoratiivsete efektide värvi muutmiseks.
Saate määrata oma värviväärtused erinevates vormingutes. Järgmises tabelis on loetletud kõik võimalikud vormingud:
Loetletud vorminguid kirjeldatakse üksikasjalikumalt allpool.
CSS-värvid – kuueteistkümnendkoodid
Kuueteistkümnendsüsteemi värvikood on värvi kuuekohaline esitus. Kaks esimest numbrit (RR) tähistavad punast väärtust, järgmised kaks numbrit roheline väärtus(GG) ja viimased on sinine väärtus (BB).
CSS-värvid – lühikesed kuueteistkümnendkoodid
Lühike hex värvikood on kuuekohalise märgistuse lühem vorm. Selles vormingus korratakse iga numbrit samaväärse kuuekohalise värviväärtuse saamiseks. Näiteks: #0F0 muutub #00FF00.
Kuueteistkümnendsüsteemi väärtuse saab võtta mis tahes graafikult tarkvara, nagu näiteks Adobe Photoshop, Core Draw jne.
Igale CSS-i kuueteistkümnendsüsteemi värvikoodile eelneb räsimärk "#". Allpool on näited kuueteistkümnendsüsteemi tähistuste kasutamisest.
CSS-värvid – RGB väärtused
RGB väärtus on värvikood, mis määratakse atribuudi rgb() abil. Sellel atribuudil on kolm väärtust: üks punase, rohelise ja sinise jaoks. Väärtus võib olla täisarv vahemikus 0 kuni 255 või protsent.
Märge: Kõik brauserid ei toeta värviomadust rgb(), seega pole soovitatav seda kasutada.
Allpool on näide, mis näitab mitut värvi, kasutades RGB väärtusi.
Värvikoodi generaator
Meie teenuse abil saate luua miljoneid värvikoode.
Brauseri turvalised värvid
Allpool on tabel 216 värviga, mis on kõige turvalisemad ja arvutist sõltumatumad. Need CSS-i värvid on vahemikus 000 000 kuni FFFFFF kuueteistkümnendkoodini. Neid on ohutu kasutada, kuna need tagavad, et 256 värvipaletiga töötades kuvavad kõik arvutid värve õigesti.
CSS-i "turvaliste" värvide tabel | |||||
#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 |
Minecrafti koodid värvid või Minecrafti koodid vormindamine, lubage igal mängijal lilli lisada ja teksti igal võimalikul viisil otse Minecraftis vormindada. Värvikoodid alates &0-9 - kuni &a-f. Lisage need teksti ette. Mängijate sõnumid võivad sisaldada värvikoode, mis võimaldavad teil lausetele värvi lisada.
Värvid ja vormingu koodid
Sõnumites olev ampersand-märk (&), millele järgneb kuueteistkümnendsüsteem, annab kliendile märku teksti kuvamisel värve vahetada. Lisaks saab teksti vormindada tähega &, millele järgneb täht. Saate lisada erinevaid värve raamatutes, käsuplokkides, serveri nimes, serveri kirjelduses (motd), maailmade nimedes, märkides ja isegi mängijanimedes.
Alloleva värvitabeli abil on väga lihtne oma teksti vormindada konfiguratsioonides või mängus. &r kasutatakse kõigi koodide lähtestamiseks, st. &mAAA&rBBB kuvatakse kui AAA BBB.
Teie mugavuse huvides esitame Minecraftis olemasolevate värvikoodide tabeli:
Kood | Nimi | Tehniline nimi | Sümboli värv | Sümboli varju värv | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Must | must | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tumesinine | tumesinine | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Tumeroheline | tumeroheline | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tumesinine-roheline | tume_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Tumepunane | tume_punane | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tumelilla | tumelilla | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Kuldne | kullast | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Hall | hall | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tumehall | tume_hall | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Sinine | sinine | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Roheline | roheline | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Sinine Roheline | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
jne | Punane | punane | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Helelilla | helelilla | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Kollane | kollane | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Valge | valge | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Mõnikord on see vajalik alla joonida, maha kriipsutada, esile mis tahes tekst. Seda tehakse tekstivormingu abil. Seda kasutatakse täpselt samamoodi nagu värve (paneme teksti ette kood, näiteks &lMinecraft = Minecraft.
Teie mugavuse huvides on allpool vorminduskoodide tabel:
Kood | Nimi |
---|---|
&k | Maagiline tekst |
&l | Pisipilt |
&m | Läbikriipsutatud tekst |
&n | Allajoonitud tekst |
&o | Kaldkiri |
&r | Tekst ilma vormindamiseta |