Valkoinen RGB-koodi. Tyylien värit voidaan määrittää eri tavoin: heksadesimaaliarvolla, nimellä, RGB-, RGBA-, HSL-, HSLA-muodossa

Vlad Merževitš

HTML:ssä väri määritetään kahdella tavalla: heksadesimaalikoodilla ja tiettyjen värien 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; 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. Mitä suurempi luku, sitä vaaleampi väri, ja arvot vaihtelevat välillä #000000 (musta) #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. Sama koskee vihreää (#00FF00) ja sinistä (#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äri ympyrä

Heksadesimaaliarvoihin perustuvia värejä ei tarvitse valita empiirisesti. Tähän tarkoitukseen sopii graafinen editori, joka voi toimia eri värimallien kanssa, 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ärien valintaan Photoshopissa

Webin värit

Jos asetat näytön värintoistolaaduksi 8 bittiä (256 väriä), sama väri voidaan näyttää eri tavalla eri selaimissa. Tämä johtuu grafiikan näyttötavasta, kun selain toimii omalla palettillaan 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. 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.

Pöytä 6.3. Joidenkin värien nimet

Värin nimi	Väri	Kuvaus	Heksadesimaaliarvo
musta		Musta	#000000
sininen		Sininen	#0000FF
fuksia		Vaaleanvioletti	#FF00FF
harmaa		Tummanharmaa	#808080
vihreä		Vihreä	#008000
lime		Vaaleanvihreä	#00FF00
kastanjanruskea		Tummanpunainen	#800000
laivasto		Tummansininen	#000080
oliivi		Oliivi	#808000
violetti		Tumma 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. Tausta ja tekstin väri

Esimerkkiteksti

Tässä esimerkissä taustaväri asetetaan tunnisteen attribuutilla bgcolor ja tekstin väri text-attribuutin kautta. Vaihtelemista varten text-attribuutti on asetettu heksadesimaaliluvuksi ja attribuutti bgcolor on varattu avainsanaksi teal .

>> Värinhallinta

Heksadesimaaliset RGB-väriarvot

Värin kuvaus- ja käsittelymenetelmät eroavat toisistaan ​​siinä, mihin lopulliseen esitykseen ne on tarkoitettu. Verrataanpa vaikkapa värien esitystapaa tulostukseen ja tietokonenäyttöihin. Ensimmäisessä tapauksessa otetaan perusta valkoinen sen paperin väri, jolle myöhemmin levitetään kolme pääväriä: sininen, violetti Ja keltainen. Sekoittaen keskenään ja paperin valkoisen värin kanssa eri suhteissa, nämä kolme pääväriä antavat erilaisia ​​värisävyjä, paitsi puhdasta mustaa, tai maalien täydellisessä puuttuessa valkoista paperia. Jos lisäämme niihin mustan värin, saamme CMYK-menetelmä värin siirtämiseksi, kun haluttu väri saadaan vähentämällä puuttuvat värit valkoisesta.

Toisessa tapauksessa otetaan perusta musta näytön väri, jonka jokainen solu hehkuu jollakin kolmesta väristä: punainen-punainen, vihreä-vihreä ja sininen-sininen. Sitten ilman hehkua saamme puhtaan mustan näytön värin, ja mikä tahansa vaadituista väreistä saadaan kunkin kolmen värin suhteesta. Tässä tapauksessa saamme RGB- värinsiirtomenetelmä. Päävärien arvot voivat vaihdella 0 ennen 255 , tai alkaen 0% ennen 100% , tai se voidaan esittää heksadesimaaliarvona. Alla olevasta kuvasta näet päävärien sekoittamisen tulokset.

Heksadesimaalilukujärjestelmässä, toisin kuin desimaalilukujärjestelmässä, ei ole kymmentä numeroa, vaan kuusitoista - tästä syystä nimi. Näin ollen kahden numeron yhdistelmistä voi olla vain ei-toistuvia muunnelmia - 256 , jatkaaksesi numerosarjaa sen jälkeen 9 kirjeet lähettäjältä A ennen F joten sarja näyttää tältä -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

Jos haluat muuntaa numeroita numerojärjestelmästä toiseen ja päinvastoin, käytä alla olevaa laskinta. Suurin arvo tässä voi olla FF - 255 .

Tässä tapauksessa väri määritellään kolmella heksadesimaaliluvulla, joista jokainen koostuu kahdesta numerosta. Ensimmäinen numero määrittää intensiteetin punainen värit, medium- vihreä, viimeinen asia- sininen värit. Kaikki luvut voivat saada arvoja alueella alkaen 00 ennen FF(0 - 255). Esimerkiksi: vihreä väri annetaan muodossa #00FF00, punainen - kuten #FF0000, sininen - kuten #0000FF, valkoinen - kuten #FFFFFF, täydellinen värin tai mustan puuttuminen annetaan muodossa #000000 .

Alla olevassa lomakkeessa voit määrittää heksadesimaaliarvot jokaiselle kolmelle värille ja nähdä niiden sekoituksen tuloksen napsauttamalla tuloskenttää.

PUNAINEN		VIHREÄ		SININEN
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...Klikkaa tästä

Esimerkkejä joistakin heksadesimaalisista RGB-väriarvoista: punaisen, sinisen ja vihreän sävyt.

näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi
	#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

Värin määrittäminen merkkijonokirjaimilla

Käytön helpottamiseksi joillekin väreille ja niiden yhdistelmille annettiin nimiä, jotka kaikki selaimet tunnistavat, ja monet niistä on voitu määrittää nimellä. Alla olevassa taulukossa on joitain värien nimiä:

näkymä	Nimi	näkymä	Nimi	näkymä	Nimi	näkymä	Nimi
	Valkoinen		Punainen		Oranssi		Keltainen
	Vihreä		Sininen		Violetti		Musta
	Aliceblue		Antiikkivalkoinen		Aqua		Akvamariini
	Taivaansininen		Beige		Äyriäiskeitto		Blanchedalmond
	Sinivioletti		Ruskea		Burlywood		Cadetblue
	Keltaisen vihreä		Suklaa		Koralli		Ruiskukansininen
	Cornsilkki		Crimson		Syaani		Tummansininen
	Tummansyaani		Darkgoldenrod		Tumman harmaa		Tummanvihreä
	Darkkhaki		Tummanmagenta		Tummanvihreä		Tumma
	Darkorchid		Tummanpunainen		Tummalohi		Tummanvihreä
	Tummansininen		Tummanharmaa		Tummaturkoosi		Tummanvioletti
	Deeppinkki		Deepskyblue		Himmeä		Dodgerblue
	Tulenkestävä tiili		Kukkavalkoinen		Metsänvihreä		Fuschia
	Gainsboro		Ghostwhite		Kulta		Kultapuikko
	harmaa		Vihreä keltainen		Mesikaste		Kuuma pinkki
	Intiaanipunainen		Indigo		Norsunluu		Khaki
	Laventeli		Laventelipuna		Sitruunasifonki		Vaaleansininen
	Vaaleakoralli		Vaaleansyaani		Vaalean kylmän keltainen		Vaaleanvihreä
	Vaalean harmaa		Vaalea pinkki		Kevytlohi		Vaaleanvihreä
	Vaaleansininen		Valonharmaa		Vaaleanteräksensininen		Vaaleankeltainen
	Lime		Limenvihreä		Liinavaatteet		Magenta
	Kastanjanruskea		Mediumaquamariini		Keskisininen		Mediummorchid
	Keskivioletti		Keskivihreä		Keskipitkänsininen		Keskikeväänvihreä
	Keskiturkoosi		Keskivioletti		Yönsininen		Minttuvoide
	Mistyrose		Navajovalkoinen		Laivasto		Oldlace
	Oliivi		Oliverab		Oranssinpunainen		Orkidea
	Palegoldenrod		Vaaleanvihreä		Paletteurquoise		Vaaleanpunainen
	Papayawhip		Persikkapuff		Peru		Vaaleanpunainen
	Luumu		Puuterinsininen		Ruusunruskea		Kuninkaallisen sininen
	Satulanruskea		Meren vihreä		Kotilo		Sienna
	Hopea		Taivaansininen		Slateblue		Slategray
	Lumi		Keväänvihreä		Teräksensininen		Tan
	Sinivihreä		Ohdake		Tomaatti		Turkoosi
	Violetti		Vehnä		Valkoinen savu		Keltaisenvihreä

Luettelo pienillä kirjaimilla, joissa on värinimiä, on melko laaja ja enemmän kuin riittävä. Jos haluat asettaa taustavärin, joka on niin epätavallinen, ettei sillä ole edes nimeä, voit käyttää heksadesimaaliarvoa.

Turvallisen väripaletin käyttö

Valitettavasti oikea värintoisto on ongelma eri alustoilla ja eri järjestelmäasetuksissa. Asia on siinä, että selain yrittää aina säätää asiakirjan väripaletin järjestelmäasetusten ja näytön ominaisuuksien mukaan sekoittamalla itsenäisesti värejä ja korvaamalla niitä. Tämän seurauksena joskus käyttäjä ei näe tarkalleen sitä, mitä verkkovastaava halusi näyttää hänelle. Pääsy tästä tilanteesta löydettiin käyttämällä palettia, jonka jokainen väri on taatusti samanlainen kaikissa selaimissa eri alustoilla. Tämä on ns taattu paletti, jota kutsutaan myös turvallinen paletti. Tämä paletti sisältää värejä, joiden värikomponentit saavat seuraavat arvot: 00 ,33 ,66 ,99 , CC,FF, kaikilla mahdollisilla tavoilla 216 niiden yhdistelmiä.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99 FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66 FF00 66FF33 33 FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33 FF99 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 0000 FF 0000CC 0033CC 000033 3333FF 3300 FF 3300 cc 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600 FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900 FF 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 9999 FF FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 3300 FF 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

näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi	näkymä	koodi

Kuten tiedät, väri voi vaikuttaa ihmisen tilaan: sekä henkiseen että fyysiseen. Joka päivä Internet-sivustoja selatessaan silmät arvioivat miljoonia värejä ja sävyjä. Verkkosuunnittelija, joka tuntee värien psykologian, voi manipuloida vierailijan mielialaa tiettyjen tavoitteiden saavuttamiseksi.

Tämä johtuu siitä, että jotkut sävyt rauhoittavat ja jotkut päinvastoin kiihottavat. Seuraavaksi puhumme siitä, kuinka värit syntetisoidaan ja näytetään tietokonetekniikan avulla.

RGB on värimalli, joka edustaa menetelmää saada kaikki värit ja niiden sävyt sekoittamalla eri suhteissa kolme pääkomponenttia, jotka ovat:

• Punainen väri ( Punainen);
• vihreä väri ( Vihreä);
• Sininen väri ( Sininen).

Tästä tulee lyhennetty nimi RGB. Nämä värit valittiin pääväreiksi syystä: syynä on ihmissilmän verkkokalvon fysiologia ja se, miten se havaitsee ne:

RGB-malli on edelleen suosituin nykyään, ja sitä käytetään värien toistamiseen televisioruuduilla ja tietokonenäytöissä. Koska valmistajat antavat tuotteilleen erilaisia ​​ominaisuuksia, vuonna 1996 luotiin yhtenäinen RGB-pohjainen värisynteesijärjestelmä nimeltä sRGB, jonka parissa Microsoft ja HP ​​työskentelivät yhdessä.

Värin numeerinen esitys

Kuten aiemmin mainittiin, RGB-värit muodostetaan sekoittamalla päävärejä. Jokaisen niistä intensiteetin kuvaamiseksi otettiin käyttöön malli, jossa väriä edustaa alue 0-255 (8 bittiä), joka heksadesimaalimuodossa vastaa 00-FF.

Eli päävärit näyttävät tältä:

• punainen – RGB (255,0,0);
• Vihreä – RGB (0 255,0);
• Sininen – RGB (0,0,255);

Jos värin intensiteetti saa arvot alle 255, saadaan erilaisia ​​punaisen, vihreän ja sinisen sävyjä. Seuraavassa on taulukko niiden asteikoista sekä kunkin sävyn heksadesimaaliarvoista:

RGB-väritaulukot

Luonnollisesti päävärien asteikkojen lisäksi on sekoitettuja, ja niiden määrä on melko suuri. Siksi luotiin RGB-värien taulukko, joka esittää kaikki olemassa olevat sävyt sekä niiden nimet ja numeeriset esitykset ( desimaali- ja heksadesimaalimuodossa).

Voit katsoa sen täältä. Tämä taulukko helpottaa huomattavasti web-suunnittelijoiden elämää, sillä muutamassa sekunnissa voit löytää haluamasi sävyn ja selvittää sen numeerisen esityksen.

Turvallinen RGB-väripaletti

Jossain vaiheessa kuitenkin ilmeni ongelma värien näyttämisessä eri selaimissa ja sen ratkaisemiseksi koottiin ns. ”turvallinen” RGB-värien paletti, joka johdettiin matemaattisilla laskelmilla.

Kun selain ei pysty näyttämään väriä oikein, se yrittää saada jotain lähelle tarvitsemaansa sekoittamalla vierekkäisiä värejä, ja todennäköisesti tulos on täysin mahdoton hyväksyä:

Käyttämällä tämän paletin RGB-värikoodeja web-kehittäjä voi olla rauhallisin mielin koskien värien näyttämistä verkkosivustonsa sivuilla, kun niitä tarkastellaan eri selaimilla, alustoilla ja näytöillä. Vaikka tällä hetkellä turvavärien taulukko on menettämässä merkityksensä ( tekninen kehitys ei vieläkään pysähdy), sitä käyttämällä voit, kuten sanotaan, nukkua rauhassa.

Kullan väri RGB-mallissa

Sanaa "kulta" käytettiin ensimmäisen kerran 1300-luvun alussa kuvaamaan Aurum-nimisen alkuaineen väriä - kultaa. RGB-mallissa kullan väriä edustavat seuraavat numeroarvot:

• RGB (255, 215, 0) – desimaalijärjestelmä;
• HEX #FFD700 – heksadesimaalijärjestelmä.

Beige väri RGB-mallissa

Beige värillä on melko merkittävä paikka historiassa, vaikka se ei olekaan ilmaisuvoimaisin. Monet kulttuurimonumentit, erityisesti muinaiset veistokset, tehtiin vuolukivestä ja vuolukivestä, joilla on beige sävy. RGB-mallissa beigellä on seuraavat numeeriset esitykset:

• RGB (245, 245, 220) – desimaalijärjestelmä;
• HEX #F5F5DC – heksadesimaalijärjestelmä.

Nykyään, varsinkin World Wide Webissä, on harvinaista nähdä niin "tylsää" väriä. Kehittäjät suosivat tarttuvaa suunnittelua kirkkailla väreillä. Tekninen kehitys mahdollistaa valtavan määrän värejä näyttämisen näytöillä, mikä tekee kuvasta realistisemman.

Hyvä huono

Minecraft koodit värit 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 lähettämät viestit voivat sisältää värikoodeja, joiden avulla voit lisätä väriä lauseihisi.

Värit ja muotoilukoodit

Viesteissä oleva et-merkki (&), jota seuraa heksadesimaaliluku, viestii asiakkaalle vaihtamaan värejä 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:

Koodi	Nimi	Tekninen nimi	Symbolin väri				Symbolin varjon väri
			R	G	B	Hex	R	G	B	Hex
&0	Musta	musta	0	0	0	000000	0	0	0	000000
&1	Tummansininen	tummansininen	0	0	170	0000AA	0	0	42	00002A
&2	Tummanvihreä	tummanvihreä	0	170	0	00AA00	0	42	0	002A00
&3	Tumman sinivihreä	tumma_aqua	0	170	170	00 AAA	0	42	42	002A2A
&4	Tummanpunainen	tummanpunainen	170	0	0	AA0000	42	0	0	2A0000
&5	Tumma violetti	tumma violetti	170	0	170	AA00AA	42	0	42	2A002A
&6	Kulta	kulta	255	170	0	FFAA00	42	42	0	2A2A00
&7	Harmaa	harmaa	170	170	170	AAAAAA	42	42	42	2A2A2A
&8	Tummanharmaa	tumman harmaa	85	85	85	555555	21	21	21	151515
&9	Sininen	sininen	85	85	255	5555FF	21	21	63	15153F
&a	Vihreä	vihreä	85	255	85	55FF55	21	63	21	153F15
&b	Sinivihreä	aqua	85	255	255	55FFFF	21	63	63	153F3F
jne	Punainen	punainen	255	85	85	FF5555	63	21	21	3F1515
&d	Vaaleanvioletti	vaaleanvioletti	255	85	255	FF55FF	63	21	63	3F153F
&e	Keltainen	keltainen	255	255	85	FFFF55	63	63	21	3F3F15
&f	Valkoinen	valkoinen	255	255	255	FFFFFF	63	63	63	3F3F3F

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

Alla on avuksesi taulukko muotoilukoodeista:

Koodi	Nimi
&k	Maaginen teksti
&l	Pikkukuva
&m	Yliviivattu teksti
&n	Alleviivattu teksti
&o	Kursivoitu teksti
&r	Teksti ilman muotoilua

HTML:ssä väri voidaan määrittää kolmella tavalla:

Värin asettaminen HTML:ssä sen nimen perusteella

Jotkut värit voidaan määrittää niiden nimellä käyttämällä englanninkielistä värin nimeä arvona. Yleisimmät avainsanat: musta, valkoinen, punainen, vihreä, sininen jne.:

Tekstin väri - punainen

World Wide Web Consortium (W3C) -standardin suosituimmat värit:

Väri	Nimi	Väri	Nimi	Väri	Nimi	Väri	Nimi
	Musta		harmaa		Hopea		Valkoinen
	Keltainen		Lime		Aqua		fuksia
	Punainen		Vihreä		Sininen		Violetti
	Kastanjanruskea		Oliivi		Laivasto		Sinivihreä

Esimerkki eri värinimien käytöstä:

Esimerkki: värin määrittäminen sen nimellä

• Kokeile itse"

Otsikko punaisella pohjalla

Otsikko oranssilla taustalla

Otsikko lime taustalla

Valkoinen teksti sinisellä pohjalla

Otsikko punaisella pohjalla

Otsikko oranssilla taustalla

Otsikko lime taustalla

Valkoinen teksti sinisellä pohjalla

Värin määrittäminen RGB:n avulla

Kun eri värejä näytetään näytöllä, pohjana käytetään RGB-palettia. Mikä tahansa väri saadaan sekoittamalla kolme perusväriä: R - punainen, G - vihreä, B - sininen. Kunkin värin kirkkaus on annettu yhdellä tavulla, ja siksi se voi saada arvot välillä 0 - 255. Esimerkiksi RGB(255,0,0) näytetään punaisena, koska punainen on asetettu korkeimmalle arvolleen (255) ja loput on asetettu arvoon 0. Voit myös määrittää värin prosentteina. Jokainen parametri ilmaisee vastaavan värin kirkkaustason. Esimerkiksi: arvot rgb(127, 255, 127) ja rgb(50%, 100%, 50%) asettavat saman keskivihreän värin:

Esimerkki: Värin määrittäminen RGB:n avulla

• Kokeile itse"

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

Aseta väri heksadesimaaliarvon mukaan

Arvot R G B voidaan määrittää myös käyttämällä heksadesimaaliarvoja (HEX) muodossa: #RRGGBB jossa RR (punainen), GG (vihreä) ja BB (sininen) ovat heksadesimaaliarvoja välillä 00 - FF (sama kuin desimaali 0-255 ) . Heksadesimaalijärjestelmä, toisin kuin desimaalijärjestelmä, perustuu nimensä mukaisesti numeroon 16. Heksadesimaalijärjestelmässä käytetään seuraavia merkkejä: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tässä numerot 10-15 korvataan latinalaisilla kirjaimilla. Lukuja, jotka ovat suurempia kuin 15 heksadesimaalijärjestelmässä, esitetään yhdistämällä kaksi merkkiä yhdeksi arvoksi. Esimerkiksi suurin desimaaliluku 255 vastaa suurinta FF-arvoa heksadesimaalimuodossa. Toisin kuin desimaalijärjestelmässä, heksadesimaalilukua edeltää hash-symboli. # Esimerkiksi #FF0000 näkyy punaisena, koska punainen on asetettu korkeimpaan arvoonsa (FF) ja muiden värien vähimmäisarvoon (00). Merkit hash-symbolin jälkeen # Voit kirjoittaa sekä isoilla että pienillä kirjaimilla. Heksadesimaalijärjestelmän avulla voit käyttää lyhennettä #rgb, jossa jokainen merkki vastaa tuplaa. Näin ollen merkintää #f7O on pidettävä nimellä #ff7700.

Esimerkki: HEX-väri

• Kokeile itse"

punainen: #FF0000

vihreä: #00FF00

sininen: #0000FF

punainen: #FF0000

vihreä: #00FF00

sininen: #0000FF

punainen+vihreä=keltainen: #FFFF00

punainen+sininen=violetti: #FF00FF

vihreä+sininen=syaani: #00FFFF

Luettelo yleisesti käytetyistä väreistä (nimi, HEX ja RGB):

Englantilainen nimi	venäläinen nimi	Näyte	HEX	RGB
Amarantti	Amarantti		#E52B50	229	43	80
Keltainen	Keltainen		#FFBF00	255	191	0
Aqua	Sinivihreä		#00FFFF	0	255	255
Taivaansininen	Taivaansininen		#007FFF	0	127	255
Musta	Musta		#000000	0	0	0
Sininen	Sininen		#0000FF	0	0	255
Bondi Sininen	Bondi-rantavettä		#0095B6	0	149	182
Messinki	Messinki		#B5A642	181	166	66
Ruskea	Ruskea		#964B00	150	75	0
Cerulean	Taivaansininen		#007BA7	0	123	167
Tumma keväänvihreä	Tumma keväänvihreä		#177245	23	114	69
Smaragdi	Smaragdi		#50C878	80	200	120
Munakoiso	Munakoiso		#990066	153	0	102
fuksia	fuksia		#FF00FF	255	0	255
Kulta	Kulta		#FFD700	250	215	0
harmaa	Harmaa		#808080	128	128	128
Vihreä	Vihreä		#00FF00	0	255	0
Indigo	Indigo		#4B0082	75	0	130
Jade	Jade		#00A86B	0	168	107
Lime	Lime		#CCFF00	204	255	0
Malakiitti	Malakiitti		#0BDA51	11	218	81
Laivasto	Tummansininen		#000080	0	0	128
Okra	Okra		#CC7722	204	119	34
Oliivi	Oliivi		#808000	128	128	0
Oranssi	Oranssi		#FFA500	255	165	0
Persikka	Persikka		#FFE5B4	255	229	180
Kurpitsa	Kurpitsa		#FF7518	255	117	24
Violetti	Violetti		#800080	128	0	128
Punainen	Punainen		#FF0000	255	0	0
Sahrami	Sahrami		#F4C430	244	196	48
Meren vihreä	Vihreä meri		#2E8B57	46	139	87
Suon vihreä	Bolotny		#ACB78E	172	183	142
Sinivihreä	Sinivihreä		#008080	0	128	128
Ultramariini	Ultramariini		#120A8F	18	10	143
Violetti	Violetti		#8B00FF	139	0	255
Keltainen	Keltainen		#FFFF00	255	255	0

Värikoodit (tausta) kylläisyyden ja sävyn mukaan.