Vadelman väri html. Tyylien värit voidaan määrittää eri tavoin: heksadesimaaliarvolla, nimellä, RGB-, RGBA-, HSL-, HSLA-muodossa. Prioriteettivärit: väriominaisuus
CSS-värimoduulissa on yksityiskohtaisia arvoja, joiden avulla kirjoittajat voivat määrittää html-elementtien värit ja peittävyyden sekä väriominaisuuden arvot.
värin ominaisuus
1. Ensisijaiset värit: väriominaisuus
Ominaisuus määrittää fontin värin käyttämällä erilaisia järjestelmiä värintoisto. Ominaisuus kuvaa elementin tekstisisällön väriä. Lisäksi sitä käytetään antamaan mahdollinen epäsuora arvo (currentColor) kaikille muille väriarvoja hyväksyville ominaisuuksille.
Omaisuus on perinnöllinen.
2. Väriarvot
2.1. Tärkeimmät avainsanat
Pääavainsanojen luettelo sisältää seuraavat merkitykset:
Nimi | HEX | RGB | Väri |
---|---|---|---|
musta | #000000 | 0,0,0 | |
hopea | #C0C0C0 | 192,192,192 | |
harmaa | #808080 | 128,128,128 | |
valkoinen | #FFFFFF | 255,255,255 | |
kastanjanruskea | #800000 | 128,0,0 | |
punainen | #FF0000 | 255,0,0 | |
violetti | #800080 | 128,0,128 | |
fuksia | #FF00FF | 255,0,255 | |
vihreä | #008000 | 0,128,0 | |
lime | #00FF00 | 0,255,0 | |
oliivi | #808000 | 128,128,0 | |
keltainen | #FFFF00 | 255,255,0 | |
laivasto | #000080 | 0,0,128 | |
sininen | #0000FF | 0,0,255 | |
sinivihreä | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Värien nimissä ei ole merkitystä.
Syntaksi
Väri: sinivihreä;
2.2. Numeeriset väriarvot
2.2.1. RGB mallin värit
RGB-arvon heksadesimaalimuoto on #-merkki, jota seuraa välittömästi kolme tai kuusi heksadesimaalimerkkiä. Kolminumeroinen RGB-merkintä #rgb muunnetaan kuusinumeroiseen muotoon #rrggbb kopioimalla numerot nollien lisäämisen sijaan. Esimerkiksi #fb0 laajenee muotoon #ffbb00 . Tämä varmistaa, että valkoinen #ffffff voidaan määrittää lyhyessä #ffff-merkinnässä, ja poistaa kaikki riippuvuudet näytön värisyvyydestä.
RGB-arvon muoto funktionaalisessa merkinnässä on rgb (seuraa pilkuilla eroteltu luettelo kolmesta numeerisesta arvosta (joko kolme kokonaislukuarvoa tai kolme prosenttiarvoa), jota seuraa symboli). Kokonaisluku 255 vastaa 100 % ja F tai FF heksadesimaalimuodossa:
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Numeeristen arvojen ympärillä saa olla välilyöntejä.
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 numero 255 tuumaa desimaalijärjestelmä vastaa lukua FF heksadesimaalimuodossa. Sekaannusten välttämiseksi numerojärjestelmän määrittämisessä, ennen heksadesimaaliluku laita 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. Kukin 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+ |
Nimi HSL-muodossa muodostuu ensimmäisten kirjainten Hue (sävy), Saturate (kylläisyys) 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!
Tulos tämä esimerkki 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ärin nimeä 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.
Mukaisesti CSS-säännöt värien nimet eivät ole kirjainkoolla. 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.
|
|
CSS:n värikoodeja käytetään värien määrittämiseen. Tyypillisesti värikoodeja tai väriarvoja käytetään värin asettamiseen joko elementin etualan värille (esim. tekstin väri, linkin väri) tai elementin taustavärille (taustaväri, lohkon väri). Niitä voidaan käyttää myös painikkeen, reunuksen, merkin, osoittimen ja muiden koristetehosteiden värin vaihtamiseen.
Voit määrittää väriarvosi eri muodoissa. Seuraavassa taulukossa luetellaan kaikki mahdolliset muodot:
Luetellut muodot kuvataan tarkemmin alla.
CSS-värit - Hex-koodit
Heksadesimaalinen värikoodi on kuusinumeroinen esitys väristä. Kaksi ensimmäistä numeroa (RR) edustavat punaista arvoa, kaksi seuraavaa vihreää arvoa (GG) ja kaksi viimeistä sinistä arvoa (BB).
CSS-värit - Lyhyet heksadesimaalikoodit
Lyhyt kuusiokoloinen värikoodi on lyhyempi muoto kuuden merkin merkinnöistä. Tässä muodossa jokainen numero toistetaan vastaavan kuusinumeroisen väriarvon tuottamiseksi. Esimerkiksi: #0F0 muuttuu #00FF00.
Heksadesimaaliarvo voidaan ottaa mistä tahansa grafiikasta ohjelmisto, kuten Adobe Photoshop, Core Draw jne.
Jokaista heksadesimaalivärikoodia CSS:ssä edeltää hash-merkki "#". Alla on esimerkkejä heksadesimaalimerkintöjen käytöstä.
CSS-värit - RGB-arvot
RGB-arvo on värikoodi, joka asetetaan rgb()-ominaisuuden avulla. Tämä ominaisuus ottaa kolme arvoa: yksi punaiselle, vihreälle ja siniselle. Arvo voi olla kokonaisluku 0-255 tai prosenttiosuus.
Huomautus: Kaikki selaimet eivät tue rgb()-väriominaisuutta, joten sen käyttöä ei suositella.
Alla on esimerkki useista väreistä RGB-arvoilla.
Värikoodigeneraattori
Palvelumme avulla voit luoda miljoonia värikoodeja.
Selaimen turvalliset värit
Alla on taulukko 216 väristä, jotka ovat turvallisimpia ja tietokoneista riippumattomia. Nämä värit CSS:ssä vaihtelevat 000000:sta FFFFFF-heksadesimaalikoodiin. Ne ovat turvallisia käyttää, koska ne varmistavat, että kaikki tietokoneet näyttävät värit oikein käytettäessä 256 väripalettia.
CSS:n "turvallisten" värien taulukko | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#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 | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #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 |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |