HTML-koodi on kirkkaan vihreä. HTML opetusohjelma. RGB värit. Turvalliset paletin värit

Minecraft koodit kukkia tai Minecraftia koodit muotoilua, salli kaikkien pelaajien lisätä kukkia ja muotoilla tekstiä kaikin mahdollisin tavoin suoraan Minecraftissa. Värikoodit&0-9 - &a-f. Lisää ne ennen tekstiäsi. Pelaajien viestit voivat sisältää värikoodit, joiden avulla voit lisätä väriä lauseihisi.

Värit ja muotoilukoodit

Viesteissä oleva et-merkki (&), jota seuraa heksadesimaaliluku, osoittaa asiakkaalle vaihtavan väriä tekstiä näytettäessä. Lisäksi tekstiä voidaan muotoilla &-merkillä, jota seuraa kirjain. Voit lisätä eri värejä kirjoihin, komentolohkoihin, palvelimen nimeen, palvelimen kuvaukseen (motd), maailman nimiin, merkkeihin ja jopa pelaajien nimiin.

On erittäin helppoa muotoilla tekstiä asetuksissa tai pelissä alla olevan värikaavion avulla. &r:llä nollataan kaikki koodit, ts. &mAAA&rBBB näytetään muodossa AAA BBB.

Esittelemme avuksesi taulukon Minecraftin olemassa olevista värikoodeista:

KoodiNimiTekninen nimiSymbolin väriSymbolin varjon väri
RGBHexRGBHex
&0 Mustamusta0 0 0 000000 0 0 0 000000
&1 Tummansininentumman_sininen0 0 170 0000AA0 0 42 00002A
&2 Tummanvihreätumman_vihreä0 170 0 00AA000 42 0 002A00
&3 Tumman sinivihreätumma_aqua0 170 170 00 AAA0 42 42 002A2A
&4 Tummanpunainentumman_punainen170 0 0 AA000042 0 0 2A0000
&5 Tumman violettitumma_violetti170 0 170 AA00AA42 0 42 2A002A
&6 Kultakulta255 170 0 FFAA0042 42 0 2A2A00
&7 Harmaaharmaa170 170 170 AAAAAA42 42 42 2A2A2A
&8 Tumman harmaatumman_harmaa85 85 85 555555 21 21 21 151515
&9 Sininensininen85 85 255 5555FF21 21 63 15153F
&aVihreävihreä85 255 85 55FF5521 63 21 153F15
&bSinivihreäaqua85 255 255 55FFFF21 63 63 153F3F
jnePunainenpunainen255 85 85 FF555563 21 21 3F1515
&dVaalea violettivaalea_violetti255 85 255 FF55FF63 21 63 3F153F
&eKeltainenkeltainen255 255 85 FFFF5563 63 21 3F3F15
&fValkoinenvalkoinen255 255 255 FFFFFF63 63 63 3F3F3F

Joskus se on välttämätöntä alleviivata, yliviivata, kohokohta mikä tahansa teksti. Tämä tehdään tekstin muotoilulla. Sitä käytetään täsmälleen samalla tavalla kuin värejä (laitamme ennen tekstiä koodi, esimerkiksi &lMinecraft = Minecraft.

Alla on avuksesi taulukko muotoilukoodeista:

KoodiNimi
&kMaaginen teksti
&lLihavoitu teksti
&mYliviivattu teksti
&nAlleviivattu teksti
&oKursivoitu teksti
&rTeksti ilman muotoilua

Heksadesimaalilukuja käytetään värien määrittämiseen. Heksadesimaalijärjestelmä, toisin kuin desimaalijärjestelmä, perustuu nimensä mukaisesti numeroon 16. Numerot ovat seuraavat: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numerot 10-15 korvataan latinalaisilla kirjaimilla. Numerot yli 15 tuumaa heksadesimaalijärjestelmä muodostetaan yhdistämällä kaksi numeroa yhdeksi. Esimerkiksi desimaaliluku 255 vastaa heksadesimaalilukua FF. Sekaannusten välttämiseksi numerojärjestelmän määrittämisessä heksadesimaaliluvun eteen sijoitetaan hash-symboli #, esimerkiksi #666999. Jokainen kolmesta väristä - punainen, vihreä ja sininen - voi saada arvot välillä 00 - FF. Siten värisymboli on jaettu kolmeen osaan #rrggbb, joissa kaksi ensimmäistä symbolia osoittavat värin punaista komponenttia, kaksi keskimmäistä - vihreää ja kaksi viimeistä - sinistä. On sallittua käyttää lyhennettä #rgb, jossa jokainen merkki tulee kaksinkertaistaa. Näin ollen merkintää #fe0 on pidettävä muodossa #ffee00.

Nimen mukaan

Internet Explorer Kromi Ooppera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Selaimet tukevat joitain värejä niiden nimellä. Taulukossa 1 näyttää nimet, heksadesimaalikoodit, arvot RGB-muoto, HSL ja kuvaus.

Taulukko 1. Värien nimet
Nimi Väri Koodi RGB HSL Kuvaus
valkoinen #ffffff tai #ffff rgb(255 255 255) hsl(0,0 %, 100 %) Valkoinen
hopea #c0c0c0 rgb(192 192 192) hsl (0,0 %, 75 %) Harmaa
harmaa #808080 rgb(128 128 128) hsl (0,0 %, 50 %) Tumman harmaa
musta #000000 tai #000 rgb(0,0,0) hsl (0,0 %, 0 %) Musta
kastanjanruskea #800000 rgb(128;0;0) hsl (0,100 %, 25 %) Tummanpunainen
punainen #ff0000 tai #f00 rgb(255;0;0) hsl(0,100%,50%) Punainen
oranssi #ffa500 rgb(255;165;0) hsl(38,8 100 %, 50 %) Oranssi
keltainen #ffff00 tai #ff0 rgb(255 255, 0) hsl(60 100 %, 50 %) Keltainen
oliivi #808000 rgb(128;128;0) hsl(60 100 %, 25 %) Oliivi
lime #00ff00 tai #0f0 rgb(0;255;0) hsl(120 100 %, 50 %) Vaaleanvihreä
vihreä #008000 rgb(0;128;0) hsl(120 100 %, 25 %) Vihreä
aqua #00ffff tai #0ffff rgb(0 255 255) hsl(180 100 %, 50 %) Sininen
sininen #0000ff tai #00f rgb(0,0,255) hsl(240 100 %, 50 %) Sininen
laivasto #000080 rgb(0;0;128) hsl(240 100 %, 25 %) Tummansininen
sinivihreä #008080 rgb(0 128 128) hsl(180 100 %, 25 %) Sinivihreä
fuksia #ff00ff tai #f0f rgb(255;0;255) hsl(300,100%,50%) Vaaleanpunainen
violetti #800080 rgb(128;0;128) hsl(300,100%,25%) Violetti

RGB:n käyttö

Internet Explorer Kromi Ooppera Safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Voit määrittää värin käyttämällä punaisen, vihreän ja sinisen komponenttien arvoja desimaali. Jokainen kolmesta värikomponentista saa arvon 0 - 255. On myös sallittua määrittää väri prosentteina, jolloin 100 % vastaa lukua 255. Määritä ensin rgb-avainsana ja sitten suluissa olevat värikomponentit. , erotettuna pilkuilla, esimerkiksi rgb(255 , 128, 128) tai rgb(100%, 50%, 50%).

RGBA

Internet Explorer Kromi Ooppera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

RGBA-muoto on syntaksilta samanlainen kuin RGB, mutta sisältää alfakanavan, joka määrittää elementin läpinäkyvyyden. Arvo 0 on täysin läpinäkyvä, 1 on läpinäkymätön ja väliarvo, kuten 0,5, on puoliläpinäkyvä.

RGBA lisättiin CSS3:een, joten CSS-koodi on tarkistettava tätä versiota vastaan. On huomattava, että CSS3-standardi on edelleen kehitteillä ja jotkin ominaisuudet saattavat muuttua. Esimerkiksi RGB-väri lisätty taustaominaisuus-väri on vahvistettu, mutta omaisuuteen lisätty tausta ei ole enää voimassa. Samaan aikaan selaimet ymmärtävät molempien ominaisuuksien värin oikein.

HSL

Internet Explorer Kromi Ooppera Safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Nimi HSL-muodossa muodostuu ensimmäisten kirjainten Hue (sävy), Saturate (kylläisyys) ja Lightness (vaaleus) yhdistelmästä. Sävy on väripyörän väriarvo (kuva 1) ja se ilmoitetaan asteina. 0° vastaa punaista, 120° vihreää ja 240° sinistä. Sävyarvo voi vaihdella välillä 0 - 359.

Riisi. 1. Väripyörä

Kylläisyys on värin intensiteetti, ja se mitataan prosenttiosuutena 0-100%. Arvo 0 % tarkoittaa, ettei väriä ja harmaasävyä, 100 % enimmäisarvo kylläisyys.

Vaaleus määrittää, kuinka kirkas väri on, ja se määritetään prosentteina välillä 0 % - 100 %. Pienet arvot tekevät väristä tummemman ja korkeat arvot vaaleammat ääriarvot 0% ja 100% vastaavat mustaa ja valkoista.

HSLA

Internet Explorer Kromi Ooppera Safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

HSLA-muoto on syntaksilta samanlainen kuin HSL, mutta sisältää alfakanavan elementin läpinäkyvyyden määrittämiseksi. Arvo 0 on täysin läpinäkyvä, 1 on läpinäkymätön ja väliarvo, kuten 0,5, on puoliläpinäkyvä.

Väriarvot sisään RGBA-muodot, HSL ja HSLA on lisätty CSS3:een, joten kun käytät näitä muotoja, tarkista koodisi version oikeellisuus.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

värit

Varoitus

Kaikki sivustolla luetellut leijonanpyyntimenetelmät ovat teoreettisia ja perustuvat laskennallisiin menetelmiin. Tekijät eivät takaa turvallisuuttasi käyttäessäsi niitä eivätkä ole vastuussa tuloksista. Muista, että leijona on saalistaja ja vaarallinen eläin!

Arrrgh!


Tämän esimerkin tulos on esitetty kuvassa. 2.

Riisi. 2. Värit verkkosivulla

Vlad Merževitš

HTML:ssä väri asetetaan kahdella tavalla: käyttämällä heksadesimaalikoodi ja joidenkin kukkien nimellä. Pääasiassa käytetään heksadesimaalilukujärjestelmään perustuvaa menetelmää, joka on yleisin.

Heksadesimaalivärit

HTML käyttää heksadesimaalilukuja värien määrittämiseen. Heksadesimaalijärjestelmä, toisin kuin desimaalijärjestelmä, perustuu nimensä mukaisesti numeroon 16. Numerot ovat seuraavat: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numerot 10-15 korvataan latinalaisilla kirjaimilla. Taulukossa 6.1 näyttää vastaavuuden desimaali- ja heksadesimaalilukujen välillä.

Heksadesimaalijärjestelmässä 15:tä suuremmat luvut muodostetaan yhdistämällä kaksi numeroa yhdeksi (taulukko 6.2). Esimerkiksi desimaaliluku 255 vastaa heksadesimaalilukua FF.

Sekaannusten välttämiseksi numerojärjestelmän määrittelyssä heksadesimaalilukua edeltää hash-symboli #, esimerkiksi #aa69cc. Tässä tapauksessa kirjainkoolla ei ole väliä, joten on sallittua kirjoittaa #F0F0F0 tai #f0f0f0.

Tyypillinen HTML:ssä käytetty väri näyttää tältä.

Tässä verkkosivun taustaväriksi on asetettu #FA8E47. Hash-symboli # numeron edessä tarkoittaa, että se on heksadesimaali. Kaksi ensimmäistä numeroa (FA) määrittävät värin punaisen komponentin, kolmas - neljäs numero (8E) määrittelevät vihreän komponentin ja kaksi viimeistä numeroa (47) määrittävät sinisen komponentin. Lopputuloksena tulee tämä väri.

FA. + 8E + 47 = FA8E47

Jokainen kolmesta väristä - punainen, vihreä ja sininen - voi saada arvot välillä 00 - FF, jolloin saadaan yhteensä 256 sävyä. Siten värien kokonaismäärä voi olla 256x256x256 = 16 777 216 yhdistelmää. Punaiseen, vihreään ja siniseen komponenttiin perustuvaa värimallia kutsutaan RGB:ksi (punainen, vihreä, sininen). Tämä malli on additiivinen (lisäyksestä - add), jossa kaikkien kolmen komponentin lisääminen muodostaa valkoisen värin.

Heksadesimaaliväreissä liikkumisen helpottamiseksi ota huomioon joitain sääntöjä.

  • Jos värikomponenttien arvot ovat samat (esimerkiksi: #D6D6D6), tuloksena on harmaasävy. Miten suurempi määrä, niitä vaaleampi väri, arvot muuttuvat #000000 (musta) arvosta #FFFFFF (valkoinen).
  • Kirkkaan punainen väri muodostuu, jos punainen komponentti on maksimi (FF) ja muut komponentit asetetaan nollaan. Väri, jonka arvo on #FF0000, on punaisin mahdollinen punainen sävy. Tilanne on samanlainen kuin vihreä(#00FF00) ja sininen (#0000FF).
  • Keltainen (#FFFF00) valmistetaan sekoittamalla punaista ja vihreää. Tämä näkyy selvästi väriympyrässä (Kuva 6.1), jossa näkyvät päävärit (punainen, vihreä, sininen) sekä täydentävät tai lisävärit. Näitä ovat keltainen, syaani ja violetti (kutsutaan myös magentaksi). Yleensä mikä tahansa väri voidaan saada sekoittamalla sen lähellä olevia värejä. Siten syaani (#00FFFF) saadaan yhdistämällä sininen ja vihreä.

Riisi. 6.1. Väripyörä

Heksadesimaaliarvoihin perustuvia värejä ei tarvitse valita empiirisesti. Sopii tähän tarkoitukseen graafinen editori pystyy työskentelemään erilaisten kanssa värilliset mallit, Esimerkiksi Adobe Photoshop. Kuvassa Kuva 6.2 näyttää ikkunan värin valintaa varten tässä ohjelmassa tuloksena olevan nykyisen värin heksadesimaaliarvo on rajattu viivalla. Voit kopioida ja liittää sen koodiisi.

Riisi. 6.2. Ikkuna värin valintaa varten Photoshop ohjelma

Webin värit

Jos asetat näytön värintoistolaaduksi 8 bittiä (256 väriä), sama väri voidaan näyttää eri selaimet omalla tavallani. Tämä johtuu grafiikan näyttötavasta, kun selain toimii oman palettinsa kanssa eikä voi näyttää väriä, joka ei ole sen paletissa. Tässä tapauksessa väri korvataan muiden, sitä lähellä olevien värien pikselien yhdistelmällä, jotka jäljittelevät annettua väriä. Jotta väri pysyy samana eri selaimissa, otettiin käyttöön niin kutsuttujen verkkovärien paletti. Verkkovärit ovat värejä, joiden jokainen komponentti - punainen, vihreä ja sininen - on asetettu johonkin kuudesta arvosta - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Tämän komponentin heksadesimaaliarvo on ilmoitettu suluissa. Värien kokonaismäärä kaikista mahdollisista yhdistelmistä antaa 6x6x6 - 216 väriä. Esimerkki verkkoväristä on #33FF66.

Verkkovärien pääominaisuus on, että se näyttää samalta kaikissa selaimissa. IN tällä hetkellä Verkkovärien merkitys on erittäin pieni näyttöjen laadun paranemisen ja niiden ominaisuuksien laajentumisen vuoksi.

Värit nimen mukaan

Jotta sinun ei tarvitse muistaa numerosarjaa, voit käyttää sen sijaan yleisesti käytettyjen värien nimiä. Taulukossa 6.3 näyttää suosittujen värinimien nimet.

Taulukko 6.3. Joidenkin värien nimet
Värin nimi Väri Kuvaus Heksadesimaaliarvo
musta Musta #000000
sininen Sininen #0000FF
fuksia Vaalea violetti #FF00FF
harmaa Tumman harmaa #808080
vihreä Vihreä #008000
lime Vaaleanvihreä #00FF00
kastanjanruskea Tummanpunainen #800000
laivasto Tummansininen #000080
oliivi Oliivi #808000
violetti Tumman violetti #800080
punainen Punainen #FF0000
hopea Vaalean harmaa #C0C0C0
sinivihreä Sinivihreä #008080
valkoinen Valkoinen #FFFFFF
keltainen Keltainen #FFFF00

Sillä ei ole väliä, määritätkö värin sen nimellä vai käyttämällä heksadesimaalilukuja. Nämä menetelmät ovat vaikutuksiltaan samanlaisia. Esimerkki 6.1 näyttää, kuinka verkkosivun tausta- ja tekstivärit asetetaan.

Esimerkki 6.1. Taustan ja tekstin väri

värit

Esimerkkiteksti



IN tässä esimerkissä Taustaväri asetetaan tunnisteen attribuutilla bgcolor ja tekstin väri text-attribuutin kautta. Lajikkeen osalta teksti-attribuutin arvoksi asetetaan: heksadesimaaliluku, ja bgcolor käyttämällä varattua avainsana sinivihreä.

CSS:n värikoodeja käytetään värin määrittämiseen. Tyypillisesti värikoodeja tai väriarvoja käytetään värin asettamiseen joko elementin etualan värille (esim. tekstin väri, linkin väri) tai elementin taustavärille (taustaväri, lohkon väri). Niitä voidaan käyttää myös painikkeen, reunuksen, merkin, osoittimen ja muiden koristetehosteiden värin vaihtamiseen.

Voit asettaa väriarvosi erilaisia ​​formaatteja. Seuraavassa taulukossa luetellaan kaikki mahdolliset muodot:

Luetellut muodot kuvataan tarkemmin alla.

CSS-värit - Hex-koodit

Heksadesimaalinen värikoodi on kuusinumeroinen esitys väristä. Kaksi ensimmäistä numeroa (RR) edustavat punaista arvoa, kaksi seuraavaa ovat vihreä arvo(GG), ja jälkimmäiset ovat sininen arvo (BB).

CSS-värit - Lyhyet heksadesimaalikoodit

Lyhyt kuusiokoloinen värikoodi on lyhyempi muoto kuuden merkin merkinnöistä. Tässä muodossa jokainen numero toistetaan vastaavan kuusinumeroisen väriarvon tuottamiseksi. Esimerkiksi: #0F0 muuttuu #00FF00.

Heksadesimaaliarvo voidaan ottaa mistä tahansa grafiikasta ohjelmisto, kuten Adobe Photoshop, Core Draw jne.

Jokaista heksadesimaalivärikoodia CSS:ssä edeltää hash-merkki "#". Alla on esimerkkejä heksadesimaalimerkintöjen käytöstä.

CSS-värit - RGB-arvot

RGB-arvo on värikoodi, joka asetetaan rgb()-ominaisuuden avulla. Tämä ominaisuus ottaa kolme arvoa: yksi punaiselle, vihreälle ja siniselle. Arvo voi olla kokonaisluku, 0–255, tai prosenttiosuus.

Huomautus: Kaikki selaimet eivät tue rgb()-väriominaisuutta, joten sen käyttöä ei suositella.

Alla on esimerkki useista väreistä käyttämällä RGB-arvoja.

Värikoodigeneraattori

Palvelumme avulla voit luoda miljoonia värikoodeja.

Selaimen turvalliset värit

Alla on taulukko 216 väristä, jotka ovat turvallisimpia ja tietokoneista riippumattomimpia. Nämä värit CSS:ssä vaihtelevat 000000:sta FFFFFF-heksadesimaalikoodiin. Ne ovat turvallisia käyttää, koska ne varmistavat, että kaikki tietokoneet näyttävät värit oikein, kun ne työskentelevät 256-väripaletin kanssa.

CSS:n "turvallisten" värien taulukko
#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