999999 html väri. Värit tyyleissä voidaan asettaa eri tavoin: heksadesimaaliarvolla, nimellä, RGB-, RGBA-, HSL-, HSLA-muodossa
>> Värinhallinta
Heksadesimaaliset RGB-väriarvot
Värien kuvaus- ja käsittelymenetelmät eroavat toisistaan siinä, mihin lopulliseen esitykseen ne on tarkoitettu. Verrataanpa vaikkapa värien esityksiä polygrafiaan ja tietokonenäyttöihin. Ensimmäisessä tapauksessa peruste on valkoinen sen paperin väri, jolle kolme pääväriä myöhemmin levitetään: sininen, violetti ja keltainen. Nämä kolme pääväriä sekoittuvat keskenään ja paperin valkoisen värin kanssa eri suhteissa, antavat eri värisävyjä lukuun ottamatta puhdasta mustaa tai värien puuttuessa ne antavat valkoinen väri paperi. Jos lisäämme niihin mustan, saamme CMYK- tapa välittää väriä, kun haluttu väri saadaan vähentämällä puuttuvat värit valkoisesta.
Toisessa tapauksessa peruste on 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 näytön puhtaan mustan värin, ja mikä tahansa vaadituista väreistä saadaan kunkin kolmen värin suhteesta. Tässä tapauksessa saamme RGB- Värinsiirtomenetelmä. Pääväreillä voi olla merkityksiä 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 numerosarjassaan, vaan kuusitoista - tästä nimi. Näin ollen kahden numeron yhdistelmien ei-toistuvat muunnelmat voivat olla vain - 256 , jatkaaksesi numerosarjaa sen jälkeen 9 kirjeet lähettäjältä A ennen F, joten rivi näyttää tältä -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Tässä tapauksessa väri annetaan kolmella heksadesimaaliluvulla, joista jokainen koostuu kahdesta numerosta. Ensimmäinen numero määrittää intensiteetin punainen värit, keskimääräinen vihreä, viimeinen asia- sininen värit. Kaikki luvut voivat olla arvoja alkaen 00 ennen FF(0 - 255). Esimerkiksi: vihreä väri annettu 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 asettaa heksadesimaaliarvot jokaiselle kolmelle värille ja nähdä niiden sekoituksen tuloksen napsauttamalla tuloskenttää.
Esimerkkejä joistakin heksadesimaalisista RGB-väriarvoista: punainen, sininen ja vihreä 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 merkkijonokirjaimella
Käytön helpottamiseksi joillekin väreille ja niiden yhdistelmille annettiin nimiä, jotka kaikki selaimet tunnistavat ja monet niistä tulivat mahdolliseksi asettaa 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 | ||||
| Alice sininen | antiikki valkoinen | Aqua | akvamariini | ||||
| Taivaansininen | Beige | Äyriäiskeitto | blanšoitu manteli | ||||
| Sinivioletti | Ruskea | Burlywood | Cadetblue | ||||
| Keltaisen vihreä | Suklaa | Koralli | Ruiskukansininen | ||||
| Cornsilkki | Crimson | syaani | tummansininen | ||||
| Tummansyaani | tumma kultaharkko | tumman harmaa | tummanvihreä | ||||
| Darkkhaki | Tummanmagenta | Tummanvihreä | tumma oranssi | ||||
| Darkorchid | tummanpunainen | tummalohi | Tummanvihreä | ||||
| tummansininen | tumman harmaa | tumma turkoosi | Tummanvioletti | ||||
| Deeppinkki | syvän taivaansininen | Hämärä | Doger sininen | ||||
| Tulenkestävä tiili | Valkoinen kukka | metsänvihreä | Fuschia | ||||
| Gainsboro | aave valkoinen | Kulta | Kultapuikko | ||||
| harmaa | Vihreä keltainen | Mesikaste | kuuma pinkki | ||||
| Intian punainen | Indigo | Norsunluu | Khaki | ||||
| Laventeli | Laventelipuna | Sitruunasifonki | vaaleansininen | ||||
| kevyt koralli | vaaleasyaani | vaaleankylmänkeltainen | vaaleanvihreä | ||||
| vaalean harmaa | Vaalea pinkki | kevyttä lohta | Vaalean merenvihreä | ||||
| Vaaleansininen | Vaalean harmaa | vaalean teräksensininen | vaaleankeltainen | ||||
| lime | Limenvihreä | liinavaatteet | Magenta | ||||
| kastanjanruskea | keskikokoinen akvamariini | keskisininen | Keskikokoinen orkidea | ||||
| Keskipitkä violetti | Keskivihreä | Keskipitkänsininen | Keskikeväänvihreä | ||||
| keskiturkoosi | keskivioletti punainen | yönsininen | minttu kerma | ||||
| mistyrose | Navajovalkoinen | Laivasto | vanha pitsi | ||||
| Oliivi | Olivedrab | oranssinpunainen | Orkidea | ||||
| vaalea kultainen rod | Vaaleanvihreä | paleturkoosi | vaaleanviolettinen | ||||
| papaijapiiska | Persikkapuff | Peru | Vaaleanpunainen | ||||
| Luumu | Puuterinsininen | Ruusunruskea | kuninkaallisen sininen | ||||
| satulanruskea | meren vihreä | Kotilo | Sienna | ||||
| Hopea | taivaansininen | Liuskeensininen | Slategray | ||||
| Lumi | Keväänvihreä | teräksensininen | Tan | ||||
| Sinivihreä | Ohdake | Tomaatti | Turkoosi | ||||
| violetti | Vehnä | Valkoinen savu | keltavihreä |
Turvallisen värinvalitsimen käyttäminen
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 ja korvaamalla värejä itse. Tämän seurauksena joskus käyttäjä ei näe aivan sitä, mitä verkkovastaava halusi näyttää hänelle. Ulospääsy tästä tilanteesta löytyi käyttämällä palettia, jonka jokainen väri on taatusti samanlainen kaikissa selaimissa eri alustoilla. Tämä ns taattu paletti, joka tunnetaan myös nimellä turvallinen paletti. Tämä paletti sisältää värejä, joiden värikomponentit saavat seuraavat arvot: 00 ,33 ,66 ,99 , CC,FF, kaikessa mahdollisessa 216 niiden yhdistelmiä.
| näkymä | koodi | näkymä | koodi | näkymä | koodi | näkymä | koodi | näkymä | koodi | näkymä | koodi |
| 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 | 3300cc | 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 |
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ä värin nimeä Englannin kieli. Yleisimmät avainsanat: musta (musta), valkoinen (valkoinen), punainen (punainen), vihreä (vihreä), sininen (sininen) jne.:
Tekstin väri - punainen
World Wide Web Consortium (W3C) -standardin suosituimmat värit ovat:
| 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 asettaminen 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:llä
Kun eri värejä näytetään näytöllä, pohjana on RGB-paletti. Mikä tahansa väri saadaan sekoittamalla kolme pääväriä: R - punainen, G - vihreä (vihreä), B - sininen (sininen). Kunkin värin kirkkaus on annettu yhdellä tavulla, joten se voi saada arvot välillä 0 - 255. Esimerkiksi RGB (255,0,0) näkyy punaisena, koska punainen on asetettu korkeimmalle arvolleen (255) ja muut arvot ovat 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 keskikylläisyyden vihreän värin:
Esimerkki: Värin määrittäminen RGB:llä
- 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ä käyttää seuraavia merkkejä: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tässä korvataan numerot 10-15 latinalaisilla kirjaimilla. Numerot yli 15 tuumaa heksadesimaalijärjestelmä ovat kahden merkin liitto yhdeksi arvoksi. Esimerkiksi suurin desimaaliluku 255 vastaa suurinta FF heksadesimaalilukuna. Toisin kuin desimaalijärjestelmässä, heksadesimaalilukua edeltää punnan merkki. # Esimerkiksi #FF0000 näkyy punaisena, koska punainen on asetettu korkeimmalle arvolleen (FF) ja muut värit on asetettu minimiarvoonsa (00). Merkit hash-symbolin jälkeen # voidaan kirjoittaa sekä isoilla että pienillä kirjaimilla. Heksadesimaalijärjestelmän avulla voit käyttää lyhennettä #rgb, jossa jokainen merkki on kaksinkertainen. Näin ollen merkintää #f7O on pidettävä nimellä #ff7700.
Esimerkki: Väri HEX
- 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):
| Englanninkielinen otsikko | 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 | |
| tumman kevään vihreä | 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.
Kuten tiedät, väri voi vaikuttaa ihmisen tilaan: sekä henkiseen että fyysiseen. Joka päivä Internetiä selatessaan silmät arvioivat miljoonia värejä ja sävyjä. Verkkosuunnittelija, joka tuntee värien psykologian, voi hallita vierailijan mielialaa saavuttaakseen tavoitteensa.
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 valitaan 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 tarjoavat tuotteitaan erilaisia ominaisuuksia, perustettiin vuonna 1996 yksi järjestelmä RGB:hen perustuva värisynteesi nimeltä sRGB , jonka parissa työskenteli yhdessä Microsoft ja HP.
Numeerinen väriesitys
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 vastaa 00-FF heksadesimaalilukuna.
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 asteittaisuudesta sekä kunkin sävyn heksadesimaaliarvot:
RGB-värikartat
Luonnollisesti päävärien asteikkojen lisäksi on sekoitettuja, ja niiden määrä on melko suuri. Siksi luotiin RGB-värien taulukko, jossa esitetään kaikki olemassa olevat sävyt sekä niiden nimet ja numeeriset esitykset ( desimaali- ja heksadesimaalimuodossa).
Voit tutustua häneen täällä. Tämä pöytä 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 niin sanottu "turvallinen" RGB-värien paletti, joka johdettiin matemaattisilla laskelmilla.
Kun selain ei pysty näyttämään väriä oikein, se yrittää päästä 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 verkkokehittäjä voi olla mielenrauhassa näyttäessään värejä sivustonsa sivuilla, kun niitä tarkastellaan eri selaimilla, alustoilla ja näytöillä. Vaikka päällä Tämä hetki turvallisten värien taulukko menettää merkityksensä ( tekninen kehitys ei pysähdy), sitä käytettäessä voit, kuten sanotaan, nukkua rauhassa.
Kultainen väri RGB-mallissa
Ensimmäistä kertaa sanaa "kulta" käytettiin kuvaamaan väriä XIV vuosisadan alussa kemiallinen alkuaine nimeltään Aurum - kulta. RGB-mallissa kullan väriä edustavat seuraavat numeroarvot:
- RGB (255, 215, 0) - desimaalijärjestelmä;
- HEX #FFD700 - heksadesimaalijärjestelmä.
Beige väri RGB-mallissa
Beigellä on melko merkittävä paikka historiassa, vaikka se ei olekaan ilmaisuvoimaisin. Monet kulttuurimonumentit, erityisesti antiikkiveistokset, tehtiin steatiitista ja vuolukivestä, joiden sävy on beige. 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 löytää niin "tylsää" väriä. Kehittäjät pitävät tarttuvasta suunnittelusta, käyttämällä kirkkaita värejä. Tekninen kehitys mahdollistaa valtavan määrän värejä näyttämisen näytöillä, mikä tekee kuvasta realistisemman.
Hyvä huono
Vlad Merževitš
HTML:ssä väri määritetään kahdella tavalla: heksadesimaalikoodilla ja joidenkin värien nimellä. Yleisimmin käytetty menetelmä perustuu heksadesimaalijärjestelmään, 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ää punnan merkki #, esimerkiksi #aa69cc. Tässä tapauksessa kirjainkoolla ei ole väliä, joten on sallittua kirjoittaa #F0F0F0 tai #f0f0f0.
Tyypillinen HTML:ssä käytetty väri on seuraava.
Tässä verkkosivun taustaväriksi on asetettu #FA8E47. Punnan merkki # 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) vihreän komponentin ja kaksi viimeistä numeroa (47) sinisen komponentin. Lopputulos on tämä väri.
| FA | + | 8E | + | 47 | = | FA8E47 |
Jokainen kolmesta väristä - punainen, vihreä ja sininen - voi saada arvot välillä 00 - FF, mikä lopulta muodostaa 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äys muodostaa valkoisen.
Jotta navigointi heksadesimaaliväreissä olisi helpompaa, ota huomioon joitain sääntöjä.
- Jos värikomponenttien arvot ovat samat (esimerkiksi: #D6D6D6), saat harmaa sävy. Miten lisää numeroa, sitä vaaleampi väri muuttuu #000000:sta (musta) #FFFFFF:ksi (valkoiseksi).
- Kirkkaan punainen väri muodostuu, jos punainen komponentti on maksimi (FF), ja loput komponentit asetetaan nollaan. Väri arvolla #FF0000 on punaisin mahdollinen punaisen sävy. Samanlainen tilanne on vihreässä(#00FF00) ja sininen (#0000FF).
- Keltainen(#FFFF00) saadaan sekoittamalla punaista vihreään. Tämä näkyy selvästi väriympyrässä (Kuva 6.1), joka esittää päävärit (punainen, vihreä, sininen) ja täydentävät tai täydentävät värit. Näitä ovat keltainen, syaani ja violetti (kutsutaan myös magentaksi). Yleensä mikä tahansa väri voidaan saada sekoittamalla sen viereisiä värejä. Joten syaani (#00FFFF) saadaan yhdistämällä sininen ja vihreä.
Riisi. 6.1. Väriympyrä
Heksadesimaaliarvoihin perustuvia värejä ei tarvitse valita empiirisesti. Tähän tarkoitukseen sopii graafinen editori, joka voi toimia erilaisten kanssa värillisiä malleja kuten Adobe Photoshop. Kuvassa 6.2 näyttää ikkunan värin valintaa varten tässä ohjelmassa, viiva ympyröi tuloksena olevan nykyisen värin heksadesimaaliarvon. Voit kopioida ja liittää sen koodiisi.
Riisi. 6.2. Värinvalitsin Photoshopissa
Web värit
Jos asetat näytön värilaaduksi 8-bit (256 väriä), sama väri voidaan näyttää eri selaimet omalla tavallani. Tämä liittyy siihen, miten grafiikka renderöidään, 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 pysyisi samana eri selaimissa, otettiin käyttöön niin kutsuttujen verkkovärien paletti. Verkkovärit ovat sellaisia värejä, joiden jokaiselle komponentille - punainen, vihreä ja sininen - yksi kuudesta arvosta on asetettu - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Tämän komponentin heksadesimaaliarvo on ilmoitettu suluissa. Kaikki yhteensä värit kaikista mahdollisista yhdistelmistä antaa 6x6x6 - 216 väriä. Esimerkki verkkoväristä on #33FF66.
Verkkovärien pääominaisuus on, että se näkyy samana 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 et muistaisi numerokokoelmaa, voit käyttää sen sijaan yleisesti käytettyjen värien nimiä. Taulukossa. 6.3 näyttää suosittujen värinimien nimet.
| Värin nimi | Väri | Kuvaus | Hex-arvo |
|---|---|---|---|
| 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ä, kuinka määrität värin - sen nimellä vai käyttämällä heksadesimaalilukuja. Vaikutukseltaan nämä menetelmät ovat samanarvoisia. Esimerkki 6-1 näyttää, kuinka verkkosivun tausta- ja tekstivärit asetetaan.
Esimerkki 6.1. Taustan ja tekstin väri
Näyteteksti
Tässä esimerkissä taustaväri asetetaan käyttämällä tunnisteen bgcolor-attribuuttia
, ja tekstin väri text-attribuutin kautta. Variteetissa text-attribuutin arvoksi asetetaan heksadesimaaliluku ja bgcolor on varattu arvo. avainsana sinivihreä.Minecraft koodit värit tai Minecraft 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, viestii asiakkaalle vaihtamaan värejä tekstiä näytettäessä. Vaihtoehtoisesti teksti voidaan muotoilla käyttämällä &-merkkiä ja sen jälkeen kirjainta. Voit lisätä eri värejä kirjoihin, komentolohkoihin, palvelimen nimeen, palvelimen kuvaukseen (motd), maailman nimiin, merkkeihin ja jopa pelaajien nimiin.
Tekstin muotoilu konfiguraatioissa tai pelissä on erittäin helppoa alla olevan värikaavion avulla. &r:llä tyhjennetään 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 | 00AAAA | 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ä alleviivaus, alleviivaus, kohokohta jotain tekstiä. Tätä varten käytetään tekstin muotoilua. Sitä käytetään samalla tavalla kuin värejä (ennen tekstiä, jonka laitamme koodi, esimerkiksi &lMinecraft= Minecraft.
Alla on avuksesi taulukko muotoilun koodeista:
| Koodi | Nimi |
|---|---|
| &k | maaginen teksti |
| &l | Pikkukuva |
| &m | Yliviivattu teksti |
| &n | Alleviivattu teksti |
| &o | Kursivoitu teksti |
| &r | Teksti ilman muotoilua |