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. Lukuja, jotka ovat suurempia kuin 15 heksadesimaalijärjestelmässä, 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.
Nimeltä
| 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, heksadesimaalikoodin, RGB-, HSL-arvot ja kuvauksen.
| 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 %) | Tummanharmaa | |
| 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ä punaista, vihreää ja sinistä arvoa desimaalilukuina. 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-muodossa oleva taustaväri-ominaisuuteen lisätty väri vahvistetaan, mutta tausta-ominaisuuteen lisätty väri 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+ |
HSL-muodon nimi on johdettu ensimmäisten kirjainten Hue (sävy), Saturate (saturation) 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 prosentteina välillä 0 % - 100 %. Arvo 0 % tarkoittaa, että väriä ei ole ja harmaasävyä, 100 % on kylläisyyden maksimiarvo.
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 vaaleamman; ää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ä.
RGBA-, HSL- ja HSLA-väriarvot lisätään CSS3:een, joten tarkista koodisi version kelpoisuus, kun käytät näitä muotoja.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
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!
Tämän esimerkin tulos on esitetty kuvassa. 2.
Riisi. 2. Värit verkkosivulla
HTML-värit on merkitty kuudella merkillä vinoviivamerkin jälkeen - esimerkiksi #000000. Nämä kuusi symbolia edustavat eri värien (punainen, vihreä, sininen) suhteita lopullisessa värissä. Tietokoneen näytöllä kuva muodostuu valtavasta määrästä pisteitä, joita kutsutaan pikseleiksi. Jokainen pikseli on pieni valonlähde, kutsutaan sitä "taskulamoksi", joka puolestaan koostuu kolmesta taskulampusta - punaisesta, vihreästä ja sinisestä. Vähentämällä tai lisäämällä yksittäisten värillisten taskulamppujen hehkua saamme halutun värin.
HTML-värikoodit
HTML:n värit esitetään punaisen, sinisen ja vihreän (RGB) heksadesimaalimerkinnällä (HEX).
Pienin väriarvo on 0 (heksadesimaali 00). Suurin väriarvo on 255 (heksa FF).
Heksadesimaaliväriarvo on kolme numeroa alkaen #-merkistä.
Värikoodit (merkitykset)
| Väri | HEX-koodi | RGB-koodi |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255;0;0) | |
| #00FF00 | rgb(0;255;0) | |
| #0000FF | rgb(0;0;255) | |
| #FFFF00 | rgb(255 255,0) | |
| #00FFFF | rgb(0 255 255) | |
| #FF00FF | rgb(255;0;255) | |
| #C0C0C0 | rgb(192 192 192) | |
| #FFFFFF | rgb(255 255 255) |
16 miljoonaa sävyä
Yhdistämällä punaisen, sinisen ja vihreän arvot välillä 0-255 kunkin värin prosenttiosuudelle saadaan yhteensä yli 16 miljoonaa sävyä (256 x 256 x 256).
Useimmat nykyaikaiset näytöt pystyvät näyttämään vähintään 16 384 eri sävyä (LCD-näytöt pystyvät yleensä näyttämään 262 tuhatta 16 miljoonaa (päivitetty lokakuussa 2013) värit, ja CRT-näytöt voivat näyttää lähes rajattoman määrän värejä).
Alla oleva väritaulukko näyttää punaisen osuuden muutoksen 0:sta 255:een sinisen ja vihreän nolla-arvoilla:
| Punainen | HEX-koodi | RGB-koodi |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080000 | rgb(8;0;0) | |
| #100000 | rgb(16;0;0) | |
| #180000 | rgb(24;0;0) | |
| #200000 | rgb(32;0;0) | |
| #280000 | rgb(40;0;0) | |
| #300000 | rgb(48;0;0) | |
| #380000 | rgb(56;0;0) | |
| #400000 | rgb(64;0;0) | |
| #480000 | rgb(72;0;0) | |
| #500000 | rgb(80;0;0) | |
| #580000 | rgb(88;0;0) | |
| #600000 | rgb(96;0;0) | |
| #680000 | rgb(104;0;0) | |
| #700000 | rgb(112;0;0) | |
| #780000 | rgb(120;0;0) | |
| #800000 | rgb(128;0;0) | |
| #880000 | rgb(136;0;0) | |
| #900000 | rgb(144;0;0) | |
| #980000 | rgb(152;0;0) | |
| #A00000 | rgb(160;0;0) | |
| #A80000 | rgb(168;0;0) | |
| #B00000 | rgb(176;0;0) | |
| #B80000 | rgb(184;0;0) | |
| #C00000 | rgb(192;0;0) | |
| #C80000 | rgb(200;0;0) | |
| #D00000 | rgb(208;0;0) | |
| #D80000 | rgb(216;0;0) | |
| #E00000 | rgb(224;0;0) | |
| #E80000 | rgb(232;0;0) | |
| #F00000 | rgb(240;0;0) | |
| #F80000 | rgb(248;0;0) | |
| #FF0000 | rgb(255;0;0) |
Harmaan sävyt
Harmaan sävyjen saamiseksi käytetään yhtä suuria osuuksia kaikista väreistä. Jotta oikean värin valitseminen olisi helpompaa, tarjoamme sinulle harmaan sävykoodit
| Harmaan sävyt | HEX-koodi | RGB-koodi |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8;8;8) | |
| #101010 | rgb(16;16;16) | |
| #181818 | rgb(24;24;24) | |
| #202020 | rgb(32;32;32) | |
| #282828 | rgb(40;40;40) | |
| #303030 | rgb(48;48;48) | |
| #383838 | rgb(56;56;56) | |
| #404040 | rgb(64;64;64) | |
| #484848 | rgb(72;72;72) | |
| #505050 | rgb(80;80;80) | |
| #585858 | rgb(88;88;88) | |
| #606060 | RGB(96;96;96) | |
| #686868 | rgb(104 104 104) | |
| #707070 | rgb(112 112 112) | |
| #787878 | rgb(120 120 120) | |
| #808080 | rgb(128 128 128) | |
| #888888 | rgb(136 136 136) | |
| #909090 | rgb(144 144 144) | |
| #989898 | rgb(152 152 152) | |
| #A0A0A0 | rgb(160 160 160) | |
| #A8A8A8 | rgb(168 168 168) | |
| #B0B0B0 | rgb(176 176 176) | |
| #B8B8B8 | rgb(184 184 184) | |
| #C0C0C0 | rgb(192 192 192) | |
| #C8C8C8 | rgb(200 200 200) | |
| #D0D0D0 | rgb(208 208 208) | |
| #D8D8D8 | rgb(216 216 216) | |
| #E0E0E0 | rgb(224 224 224) | |
| #E8E8E8 | rgb(232 232 232) | |
| #F0F0F0 | rgb(240 240 240) | |
| #F8F8F8 | rgb(248 248 248) | |
| #FFFFFF | rgb(255 255 255) |
Selainten väliset (kaikki selaimet) html-värien nimet
Kokoelma 150 värinimeä html-muodossa, tuettu kaikissa selaimissa.
Standardoidut värinimet
W3C listaa 16 kelvollista värinimeä HTML:lle ja CSS:lle: vesi, musta, sininen, fuksia, harmaa, vihreä, lime, kastanjanruskea (kastanja), navy (ultramariini), oliivi (oliivi), violetti (violetti), punainen (punainen) , hopea (hopea), tavi (harmaa), valkoinen (valkoinen) ja keltainen (keltainen).
Käytettäessä värejä, jotka eivät sisälly tähän luetteloon, on oikeampaa käyttää niiden heksadesimaalikoodia (HEX) tai RGB-koodia.
Turvalliset värit
Useita vuosia sitten, kun tietokoneet pystyivät tukemaan enintään 256 eri väriä, ehdotettiin luetteloa 216 "Web Safe Colors" -väristä, joista 40 oli varattu järjestelmälle.
Tämä 216 värin paletti luotiin näyttämään värit oikein 256 värin palettitilassa.
Tällä ei nyt ole väliä, koska useimmat tietokoneet ympäri maailmaa tukevat miljoonia värisävyjä. Joka tapauksessa tässä on luettelo näistä väreistä:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000 FF |
| 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 | 3300 FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33 FF00 | 33FF33 | 33FF66 | 33 FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600 FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66 FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900 FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99 FF00 | 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 |
| 3300 FF | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| 9900 FF | FF9933 | FF9966 | 9999 FF | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Tällä sivulla on taulukko avainsanoja, joita voidaan käyttää osoittamaan värejä sellaisilla Web-kehittäjäkielillä kuin: HTML, CSS, JavaScript, Flash jne.
WC3-konsernin vanhoissa spesifikaatioissa oli määritelty vain 16 avainsanaa, joiden avulla värit asetettiin HTML:ssä ja CSS:ssä. Edelleen, nykyaikaisempiin määrityksiin lisättiin vielä 130 avainsanaa osoittamaan värien nimiä. Seuraava taulukko sisältää värien nimet sekä heksa- ja RGB-koodit, joita ne vastaavat.
CSS-sääntöjen mukaan värien nimissä ei ole merkitystä. Värimerkinnät IndianRed ja indianred ovat vastaavia.
On myös syytä huomata, että taulukon 146 avainsanasta siinä on itse asiassa vähemmän värejä. Tämä johtuu siitä, että jotkut avainsanoja edustavat samaa väriä. Siten nimet Harmaa ja Harmaa edustavat 50-prosenttisesti harmaata värikoodia #808080, ja sana Magenta on synonyymi HTML-värille Fuchsia, joka vastaa heksadesimaalikoodia #FF00FF. Synonyymejä ovat myös sanat Aqua ja Cyan, ne vastaavat koodia #00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
On olemassa useita tapoja esittää väriä web-suunnittelussa.
HEX on heksadesimaalivärien esitysjärjestelmä, joka perustuu kantaan 16. Tässä järjestelmässä arabialaisia desimaalilukuja 0–9 ja latinalaisia kirjaimia A–F täydentävät digitaalinen luku 16:een. Verkkosuunnittelussa 16 pääväriä (avain) käytetään ns. heksadesimaalivärikoodia #RRGGBB, jossa kukin pari vastaa omasta osuudestaan väristä: RR – punainen, GG – vihreä ja BB – sininen. Jokainen värifraktio vaihtelee välillä 00 - FF.
Kaksi muuta värin esitystapaa web-suunnittelussa ovat: RGB(*,*,*) muodossa, jossa jokainen värin "*"-osa esitetään desimaaliluvuilla 0-255 ja värien nimillä Englannin kieli.
Värikuvaa luotaessa suurin ongelma on värien oikea toisto erityyppisissä tietokoneissa, näytöissä ja selaimissa. Jos selain ei pysty näyttämään väriä oikein, se valitsee samanlaisen tai sekoittaa useita värejä. Ja joskus se voidaan korvata jollain täysin eri värillä.
Pöytä 16 perusväriä, joita käytetään kaikissa selaimissa
| Nimi | Väri | Hex | (RGB) |
| Aqua (meren aalto) | #00FFFF | (000,255,255) | |
| Musta | #000000 | (000,000,000) | |
| Sininen | #0000FF | (000,000,255) | |
| fuksia (magenta) | #FF00FF | (255,000,255) | |
| harmaa | #808080 | (128,128,128) | |
| Vihreä | #008000 | (000,128,000) | |
| Lime (kirkkaan vihreä) | #00FF00 | (000,255,000) | |
| Kastanjanruskea (tumma viininpunainen) | #800000 | (128,000,000) | |
| Navy (tummansininen) | #000080 | (000,000,128) | |
| Oliivi | #808000 | (128,128,000) | |
| Violetti | #800080 | (128,000,128) | |
| Punainen | #FF0000 | (255,000,000) | |
| Hopea | #C0C0C0 | (192,192,192) | |
| Taal (harmaa-vihreä) | #008080 | (000,128,128) | |
| Valkoinen | #FFFFFF | (255,255,255) | |
| Keltainen | #FFFF00 | (255,255,000) |
Pöytä violetti värit ja sen sävyt
| Nimi | Väri | Hex | (RGB) |
| Magenta (magenta) | #FFCBDB | (255,203,219) | |
| Magenta (magenta) | #FF0099 | (255,000,153) | |
| Magenta (magenta) | #F95A61 | (249,090,097) | |
| fuksia (fuksia) | #FF00FF | (255,000,255) | |
| Mauvein (aniliinivioletti) | #EF0097 | (239,000,151) | |
| Lohen pinkki (oranssi pinkki) | #FF91A4 | (255,145,164) | |
| Cenise (violetti sävy) | #DE3163 | (153,149,140) | |
| Munakoiso (munakoiso) | #990066 | (153,000,132) | |
| Laventeli poskipuna (vaaleanpunainen-laventeli) | #FFF0F5 | (255,240,245) | |
| Lila (lila) | #C8A2C8 | (200,162,200) | |
| Magenta (magenta) | #FF008F | (255,000,143) | |
| Orkidea (orkidea) | #DA70D6 | (218,112,214) | |
| Puna-violetti (violetti-punainen) | #C71585 | (199,021,133) | |
| Sanguine (sanguine) | #92000A | (146,000,010) | |
| Ohdake (violetti sävy) | #D8BFD8 | (185,211,238) | |
| Violetti-munakoiso (violetti sävy) | #991199 | (153,017,153) | |
| Rosa vivo (syvän vaaleanpunainen) | #FF007F | (255,000,127) | |
| Laventeli-ruusu (violetti sävy) | #FBA0E3 | (108,123,139) | |
| Mountbatten pinkki | #997ABD | (153,122,141) |
Pöytä harmaa värit ja sen sävyt
| Nimi | Väri | Hex | (RGB) |
| harmaa | #808080 | (128,128,128) | |
| harmaa | #bebebe | (190,190,190) | |
| (Harmaa-sävy) | #858585 | (133,133,133) | |
| Harmaa 33 | #545454 | (084,084,084) | |
| (Harmaa liuskekivi) | #708090 | (112,128,144) | |
| (Kvartsi) | #99958с | (153,149,140) | |
| (Vaalean harmaa) | #bbbbbb | (187,187,187) | |
| (Hopea) | #c0c0c0 | (192,192,192) | |
| (harmaa-valkoinen) | #f0f0f0 | (240,240,240) | |
| (Abdel-Kerimin parta) | #e0e0e0 | (224,224,224) | |
| Vaaleanharmaa (vaaleanharmaa) | #d3d3d3 | (211,211,211) | |
| LightStateGray() | #778899 | (119,136,153) | |
| StateGray-1 (vaalean ruiskukansininen1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (vaalean ruiskukansininen2) | #b9d3ee | (185,211,238) | |
| StateGray3() | #9fb6cd | (159,182,205) | |
| StateGray4() | #6c7b8b | (108,123,139) |
Taulukko (paletti) värit html antaa sinulle mahdollisuuden valita itsenäisesti tarvitsemasi sävy. Väriarvo näytetään kolmessa muodossa: Hex, RGB ja HSV.
- Hex koostuu kolmesta kahden merkin arvosta heksadesimaalilukujärjestelmässä. Esimerkki: #ff00b3, jossa ensimmäinen numeropari on punainen, toinen on vihreä ja kolmas on sininen.
- RGB (RedGreenBlue) on muotoa "200,100,255", joka osoittaa vastaavan sävyn (punainen, vihreä, sininen) määrän tuloksena olevassa värissä.
- HSV (Hue, Saturation, Value - sävy, kylläisyys, arvo) - värimalli, jonka koordinaatit ovat:
- Sävy - värisävy, voi vaihdella 0° - 360°.
- Kylläisyys - kylläisyys, vaihtelee välillä 0-100 tai 0-1. Mitä korkeampi tämä parametri, sitä "puhtaampi" väri on, minkä vuoksi tätä parametria kutsutaan joskus värin puhtaudeksi. Ja mitä lähempänä tämä parametri on nollaa, sitä lähempänä väri on neutraalia harmaata.
- Arvo (väriarvo) - asettaa kirkkauden, arvo voi myös vaihdella välillä 0-100 tai 0-1.
Syötä värikoodi: MENNÄ
Luettelo väreistä nimineen
Taulukossa on lueteltu kaikkien selaimien tukemat englanninkieliset värinimet (jotka voidaan käyttää arvoina) ja niiden heksadesimaaliarvot. Kaikki luetellut värit ovat "turvallisia", mikä tarkoittaa, että ne näkyvät samoin kaikissa selaimissa.
| Värin nimi | HEX | Väri |
|---|---|---|
| Musta | #000000 | |
| Laivasto | #000080 | |
| Tummansininen | #00008B | |
| Keskisininen | #0000CD | |
| Sininen | #0000FF | |
| Tummanvihreä | #006400 | |
| Vihreä | #008000 | |
| Sinivihreä | #008080 | |
| Tumma syaani | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| Tumma turkoosi | #00CED1 | |
| Medium Spring Green | #00FA9A | |
| Lime | #00FF00 | |
| Keväänvihreä | #00FF7F | |
| Aqua | #00FFFF | |
| Syaani | #00FFFF | |
| Yönsininen | #191970 | |
| Dodger Blue | #1E90FF | |
| Vaalea Merenvihreä | #20B2AA | |
| Metsänvihreä | #228B22 | |
| Meren vihreä | #2E8B57 | |
| Tumma SlateGray | #2F4F4F | |
| Limenvihreä | #32CD32 | |
| MediumSea Green | #3CB371 | |
| Turkoosi | #40E0D0 | |
| Kuninkaallisen sininen | #4169E1 | |
| SteelBlue | #4682B4 | |
| Tumma SlateBlue | #483D8B | |
| Keskikokoinen turkoosi | #48D1CC | |
| Indigo | #4B0082 | |
| Tumman oliivinvihreä | #556B2F | |
| CadetBlue | #5F9EA0 | |
| Ruiskukansininen | #6495ED | |
| MediumAquaMarine | #66CDAA | |
| DimGray | #696969 | |
| SlateBlue | #6A5ACD | |
| Oliivinvihreä | #6B8E23 | |
| Liuskeenharmaa | #708090 | |
| Vaalea SlateGray | #778899 | |
| Medium SlateBlue | #7B68EE | |
| Nurmikonvihreä | #7CFC00 | |
| Keltaisen vihreä | #7FFF00 | |
| Akvamariini | #7FFFD4 | |
| Kastanjanruskea | #800000 | |
| Violetti | #800080 | |
| Oliivi | #808000 | |
| harmaa | #808080 | |
| Taivaansininen | #87CEEB | |
| Vaalea taivaansininen | #87CEFA | |
| Sininen violetti | #8A2BE2 | |
| Tummanpunainen | #8B0000 | |
| Tummanmagenta | #8B008B | |
| Satulanruskea | #8B4513 | |
| Tummanmerenvihreä | #8FBC8F | |
| Vaaleanvihreä | #90EE90 | |
| Medium Purppura | #9370D8 | |
| Tummanvioletti | #9400D3 | |
| Vaaleanvihreä | #98FB98 | |
| DarkOrchid | #9932CC | |
| Keltainen Vihreä | #9ACD32 | |
| Sienna | #A0522D | |
| Ruskea | #A52A2A | |
| Tumman harmaa | #A9A9A9 | |
| Vaaleansininen | #ADD8E6 | |
| Vihreä keltainen | #ADFF2F | |
| Vaalea turkoosi | #MAKSUT | |
| VaaleaSteelBlue | #B0C4DE | |
| Puuterinsininen | #B0E0E6 | |
| Tulenkestävä tiili | #B22222 | |
| Tumma Kultainen Rod | #B8860B | |
| Keskikokoinen orkidea | #BA55D3 | |
| Ruusuruskea | #BC8F8F | |
| Tumma khaki | #BDB76B | |
| Hopea | #C0C0C0 | |
| Keskiviolettipunainen | #C71585 | |
| Intianpunainen | #CD5C5C | |
| Peru | #CD853F | |
| Suklaa | #D2691E | |
| Tan | #D2B48C | |
| Vaalean harmaa | #D3D3D3 | |
| Vaalean violettipunainen | #D87093 | |
| Ohdake | #D8BFD8 | |
| Orkidea | #DA70D6 | |
| GoldenRod | #DAA520 | |
| Crimson | #DC143C | |
| Gainsboro | #DCDCDC | |
| Luumu | #DDA0DD | |
| BurlyWood | #DEB887 | |
| Vaalea syaani | #E0FFFF | |
| Laventeli | #E6E6FA | |
| DarkSalmon | #E9967A | |
| Violetti | #EE82EE | |
| PaleGolden Rod | #EEE8AA | |
| Vaalea koralli | #F08080 | |
| Khaki | #F0E68C | |
| AliceBlue | #F0F8FF | |
| HoneyDew | #F0FFF0 | |
| Taivaansininen | #F0FFFF | |
| SandyBrown | #F4A460 | |
| Vehnä | #F5DEB3 | |
| Beige | #F5F5DC | |
| Valkoinen savu | #F5F5F5 | |
| MintCream | #F5FFFA | |
| GhostWhite | #F8F8FF | |
| Lohi | #FA8072 | |
| Antiikkivalkoinen | #FAEBD7 | |
| Liinavaatteet | #FAF0E6 | |
| Vaalea Kultainen Rodinkeltainen | #FAFAD2 | |
| Vanha Lace | #FDF5E6 | |
| Punainen | #FF0000 | |
| fuksia | #FF00FF | |
| Magenta | #FF00FF | |
| Deep Pink | #FF1493 | |
| Oranssinpunainen | #FF4500 | |
| Tomaatti | #FF6347 | |
| Kuuma pinkki | #FF69B4 | |
| Koralli | #FF7F50 | |
| Tummansininen | #FF8C00 | |
| Vaalea lohi | #FFA07A | |
| Oranssi | #FFA500 | |
| Vaalea pinkki | #FFB6C1 | |
| Vaaleanpunainen | #FFC0CB | |
| Kulta | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| Navajovalkoinen | #FFDEAD | |
| Mokkasiini | #FFE4B5 | |
| Äyriäiskeitto | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| Blanšoitu manteli | #FFEBCD | |
| PapayaWhip | #FFEFD5 | |
| LavenderBlush | #FFF0F5 | |
| Kotilo | #FFF5EE | |
| Cornsilkki | #FFF8DC | |
| Sitruunasifonki | #FFFACD | |
| Kukkavalkoinen | #FFFAF0 | |
| Lumi | #FFFAFA | |
| Keltainen | #FFFF00 | |
| Vaaleankeltainen | #FFFFE0 | |
| Norsunluu | #FFFFFF0 | |
| Valkoinen | #FFFFFF |