Väri a b. HTML opetusohjelma
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 sitä 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.
Kultavä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 beige-värillä on seuraavat numeeriset esitykset.
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 määriteltiin vain 16 avainsanaa, joiden avulla määritettiin värit HTML:ssä ja CSS:ssä. Edelleen, nykyaikaisemmissa määrityksissä 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 on itse asiassa vähemmän värejä. Tämä johtuu siitä, että jotkut avainsanat viittaavat samaan väriin. 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ä englanniksi.
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 (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 | #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 | #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 vaaleanpunainen | #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) |
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 yleisistä 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.
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 | |
| DodgerBlue | #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 | |
| Liuskeensininen | #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 | |
| Ruusuinenruskea | #BC8F8F | |
| Tumma khaki | #BDB76B | |
| Hopea | #C0C0C0 | |
| Keskiviolettipunainen | #C71585 | |
| Intianpunainen | #CD5C5C | |
| Peru | #CD853F | |
| Suklaa | #D2691E | |
| Tan | #D2B48C | |
| Vaalean harmaa | #D3D3D3 | |
| Vaaleanviolettipunainen | #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 | |
| Tumma | #FF8C00 | |
| Vaalea lohi | #FFA07A | |
| Oranssi | #FFA500 | |
| Vaalea pinkki | #FFB6C1 | |
| Vaaleanpunainen | #FFC0CB | |
| Kulta | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| NavajoWhite | #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 |
