|
|
Värien määrittely Kirjan sivut 70 - 71 |
|
| Alla lueteltujen värikoodien avulla voidaan WWW-sivuille määritellä
taustavärit, tekstin väri sekä linkkien ja "vierailtujen"
linkkien värit. Väri määritellään rgb-koodin
avulla WWW-sivun "body-osassa", esimerkiksi: <body bgcolor=#FFFFFF text="#FF0000" link="#0000FF"vlink="#00FF00"> bgcolor=#FFFFFF on taustaväri (tässä tapauksessa valkoinen) text="#FF0000" on tekstin väri (tässä tapauksesa punainen) link="#0000FF" on linkkien väri (tässä tapauksessa sininen) vlink="#00FF00" on "vierailtujen" linkkien väri (tässä tapauksessa vihreä) Värit määritellään heksadesimaaleina, jossa RGB (Red, Green, Blue) värijärjestelmän jokaiselle kolmelle osavärille on aina yksi pari numeroita ja (tai) kirjaimia. Jokaisella värillä on sarja, joka alkaa 00:sta ja loppuu FF:ään eli 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 11, 12, jne... Järjestelmässä on värisävyjä 256 kappaletta kutakin osaväriä varten. Näin saadaan maksimissaan 16,7 miljoonaa väriä (256*256*256). Toki vanhoilla näytöillä voi olla omat rajoituksensa näytöllä esitettävien värien suhteen. Tyyleille värien määrittely voidaan tehdä myös suoraan RGB-luvuilla määrittelemällä rgb(255,0,255). Toinen tapa on käyttää värien nimiä, jolloin
yläpuolen malli olisi kirjoitettava näin: Värin nimi on merkitty vain muistamisen helpottamiseksi, sitä ei siis tarvitse määritellä html-koodiin eikä myöskään rgb-tekstiä. Huomaa myös se, että uusimmissa editoreissa värin määrittelyn voi tehdä suoraan väripaletista, joilloin koodeja ei tarvitse muistaa. |
| White rgb=#FFFFFF | Red rgb=#FF0000 | Green rgb=#00FF00 | Blue rgb=#0000FF | Magenta rgb=#FF00FF |
| Cyan rgb=#00FFFF | Yellow rgb=#FFFF00 | black rgb=#000000 | Aquamarine rgb=#70DB93 | Baker's Chocolate rgb=#5C3317 |
| Blue Violet rgb=#9F5F9F | Brass rgb=#B5A642 | Bright Gold rgb=#D9D919 | Brown rgb=#A62A2A | Bronze rgb=#8C7853 |
| Bronze II rgb=#A67D3D | Cadet Blue rgb=#5F9F9F | Cool Copper rgb=#D98719 | Copper rgb=#B87333 | Coral rgb=#FF7F00 |
| Corn Flower rgb=#42426F | Dark Brown rgb=#5C4033 | Dark Green rgb=#2F4F2F | Dark Green rgb=#4A766E | Dark Olive Green rgb=#4F4F2F |
| Dark Orchid rgb=#9932CD | Dark Purple rgb=#871F78 | Dark Slate Blue rgb=#6B238E | Dark Slate Grey rgb=#2F4F4F | Dark Tan rgb=#97694F |
| Dark Turquoise rgb=#7093DB | Dark Wood rgb=#855E42 | Dim Grey rgb=#545454 | Dusty Rose rgb=#856363 | Feldspar rgb=#D19275 |
| Firebrick rgb=#8E2323 | Forest Green rgb=#238E23 | Gold rgb=#CD7F32 | Goldenrod rgb=#DBDB70 | Grey rgb=#C0C0C0 |
| Green Copper rgb=#527F76 | Green Yellow rgb=#93DB70 | Hunter Green rgb=#215E21 | Indian Red rgb=#4E2F2F | Khaki rgb=#9F9F5F |
| Light Blue rgb=#C0D9D9 | Light Grey rgb=#A8A8A8 | Light Steel Blue rgb=#8F8FBD | Light Wood rgb=#E9C2A6 | Lime Green rgb=#32CD32 |
| Mandarian Orange rgb=#E47833 | Maroon rgb=#8E236B | Medium Aquamarinergb=#32cd99 | Medium Blue rgb=#3232CD | Medium Forest Green rgb=#6B8E23 |
| Medium Goldenrod rgb=#EAEAAE | Medium Orchid rgb=#9370DB | Medium Sea Green rgb=#426F42 | Medium Slate Blue rgb=#7F00FF | Medium Spring Green rgb=#7FFF00 |
| Medium Turquoise rgb=#70DBDB | Medium Violet rgb=#DB7093 | Medium Wood rgb=#A68064 | Midnight Blue rgb=#2F2F4F | Navy Blue rgb=#23238E |
| Neon Blue rgb=#4D4DFF | Neon Pink rgb=#FF6EC7 | New Midnight Blue rgb=#00009C | New Tan rgb=#EBC79E | Old Gold rgb=#CFB53B |
| Orange rgb=#FF7F00 | Orange Red rgb=#FF2400 | Orchid rgb=#DB70DB | Pale Green rgb=#8FBC8F | Pink rgb=#BC8F8F |
| Plum rgb=#EAADEA | Quartz rgb=#D9D9F3 | Rich Blue rgb=#5959AB | Salmon rgb=#6F4242 | Scarlet rgb=#8C1717 |
| Sea Green rgb=#238E68 | Semi-Sweet Chocolate rgb=#6B4226 | Sienna rgb=#8E6B23 | Silverrgb=#E6E8FA | Sky Bluergb=#3299CC |
| Slate Blue rgb=#007FFF | Spicy Pink rgb=#FF1CAE | Spring Green rgb=#00FF7F | Steel Blue rgb=#236B8E | Summer Sky rgb=#38B0DE |
| Tan rgb=#DB9370 | Thistle rgb=#D8BFD8 | Turquoise rgb=#ADEAEA | Very Dark Brown rgb=#5C4033 | Very Light rgb=#CDCDCD |
| Violet rgb=#4F2F4F | Violet Red rgb=#CC3299 | Wheat rgb=#D8D8BF | Yellow Green rgb=#99CC32 |